div.box-hotnews{	z-index: 10; float: left;	width: 100%;}
div.box-hotnews ul,
div.box-hotnews li{	margin: 0px;	padding: 0px;	list-style: none;	float: left;	width: 100%;}
div.box-hotnews ul#mainslide{	width: 60%;	height: 280px;	overflow: hidden; position: relative; background: url(../images/loading.gif) no-repeat 49% 49%; float: left; border: #cecece 1px solid;}
div.box-hotnews ul#mainslide li{	position: relative;	height: 280px;}
div.box-hotnews ul#mainslide li img{ width: 100%;}
div.box-hotnews ul#mainslide li a{	text-decoration: none; color: #4c4c4c;}
div.box-hotnews ul#mainslide li div{ position: absolute;	bottom: 0px;	left: 0px;	width: 100%;	z-index: 20; background-color:  rgba(58,58,58, 0.7);	padding: 10px 2%; box-sizing: border-box;}
div.box-hotnews ul#mainslide li div a{	color: #ffffff;	text-decoration: none; font-weight: bold; font-size: 15px;}
div.box-hotnews ul#mainslide li div span{ display: block; margin-top: 6px; color: #f1f1f1 }
div.box-hotnews ul#mainslide li div a:hover{	text-decoration: underline;}
div.box-hotnews div.tabspane{	float: right; width: 39%; height:282px; overflow: auto;}
div.box-hotnews ul#tabspane li{ padding: 6px 0 6px 0; border-bottom: #ededed 1px solid; }
div.box-hotnews ul#tabspane li a{	float: left; text-decoration: none; color: #3d3d3d;}
div.box-hotnews ul#tabspane li a img.thumb{	width: 50px; padding: 1px;	border: #dedede 1px solid; float: left; margin-right: 5px;}
div.box-hotnews ul#tabspane li.activeSlide a img.thumb{	border: #e8ae3b 1px solid;}
div.box-hotnews ul#tabspane li.activeSlide a{color:#d30540;}
div.box-hotnews ul#tabspane li.activeSlide,
div.box-hotnews ul#tabspane li:hover{	background-color: #f5f5f5;}