/*轮播*/

.Carousel-img #pro-myCarousel ul>li{
 	display:inline-block;
 	margin-right:6px;
 }
 .Carousel-img #pro-myCarousel ul>li a{opacity:0;}
 #pro-myCarousel .slick-dots{text-align:right;margin-bottom:15px;padding-right:15px;}
 #pro-myCarousel .carousel-caption h3{margin-top:10px;margin-bottom:5px;}
 #pro-myCarousel .carousel-caption{
 	width:666px;
	left:0;
	padding-left:15px;
	text-align: left;
	bottom:0;
	padding-top:0;
	padding-bottom:10px;
	background: -moz-linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);background: -o-linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);background: linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);
 }
 #pro-myCarousel .carousel-indicators{
 	margin-left:10%;
 	bottom:0;

 }
 .padding-5{
 	padding-top:5px;
 }
#pro-myCarousel .slick-dots li.slick-active{background:#fff;}
 #pro-myCarousel .slick-dots li{
 	height:6px;
 	width:6px;
 	border-radius:6px;
 	text-indent:999px;
 	overflow:hidden;
 	background:#cbcdcc;
 }
 #pro-myCarousel .slick-dots .active{
 	height:9px;
 	width:9px;
 	border-radius: 9px;
 }

#program .path-navigation ul{
	height:30px;
	line-height: 30px;
}
#program .path-navigation li{
	float:left;
	
}
#program .path-navigation li.small-logo{
	width:66px;
}
#program .path-navigation li a{
	display: block;
	width:45px;
	height:30px;
	text-align: center;
	color:black;
	font-size: 16px;
	
}
/*轮播*/
#program .Carousel-img{
	height:100%;
	max-height:432px;
	overflow:hidden;
}
#program .item a{
	display:block;
	width:666px;
	height:433px;
	overflow:hidden;
}
#program .Carousel-img img{
	width:100%;
	max-height:433px;
	
}
.Carousel-img{
	position:relative;
}
.Carousel-img-info{
	width:70%;
}
.Carousel-img-info-box h3{
	margin-top:12px;
	color:#fff
}
.Carousel-img-info-box{
	position:absolute;
	height:100px;
	width:100%;
	bottom:0;
	padding-left:20px;
	
	background:rgba(0,0,0,.6)
}
.Carousel-img-info li{
	color:#fff;
	margin-right:25px;
	float:left;
	margin-bottom:2px;
	font-size:15px;
}
.Carousel-img-info li.Carousel-presider{
	
}
.five-img .img-box a{
	display:block;
	height:138px;
	width:198px;
	overflow:hidden;
}
.five-img .img-box a img{
	
	width:100%;
	height:138px;
	
}
.five-img .img-box p{
	width:198px;
	background: -moz-linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);background: -o-linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);background: -webkit-linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);background: linear-gradient(top,transparent 20%,rgba(0,0,0,0.6) 100%);
}
.live-box{

	position:relative;
}
.live-box a{
	display:block;	
	overflow:hidden;
	
}
.live-box{
	height:119px;
	overflow:hidden;
}
.live-box img{
	width:100%;
	
}
.live-box li{
	color:#fff;
	font-size:16px;
}
.live-box li.living{
	position:absolute;
	top:28px;
	left:133px;
	
}
.live-box li.start-live{
	position:absolute;
	top:79px;
	left:133px;
}
.live-box li a{color:#fff;}
.live-box li span.live-name{
	width:160px;
}
.live-box ul li span{
    float:left;
	width:90px;
	display:inline-block;
}
.live-box ul li {
    width: 250px;
}

.margin1{
	margin-top:14px;
}
/*资讯栏目*/
.title-list ul li{
	padding-top:5px;

}
.column-box{
	padding-top: 15px;
}
.title-list{
	height:40px;
	line-height: 40px;
	margin-top:11px;
	border-bottom: 1px solid #bbb;
}
.title-list li{
	float:left;
	margin-right:8px;

}
.title-list li a:hover{
	color:red;
}
.title-list h3{
	display:inline-block;
	color:red;
	margin:7px 10px 5px 0px;
	float: left;
}
.three-img-list {
	padding-top:15px;
	padding-bottom:20px;

}

.three-img-list span{
	display:block;
	margin:4px 0px;
	width:244px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.title-list li a{
	color:black;
}
.title-list li.more{
	float:right;
	list-style: none;
	margin-right:0px;
}
.title-list li.more a{
	color:red;
	font-size: 12px;
	
}


/*主持人风采*/
.presider{
	margin-top:10px;
}
a.img-box{
	display:block;
	height:100%;
}

.presider-img-list{
	overflow: hidden;
}
.presider-img-list ul{
	width:100%;
	display:block;
	float:left;
}
.presider-img-list.padding1{
	padding-top:15px;
	width:100%;
}
.presider-img-list li{
	float:left;
	margin-left:34px;
}
.presider-img-list li:first-child{
	margin-left:0px;
}
.presider-img-list li a{display:block;}
.presider-img-list li a .poster{
	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
}
.presider-img-list li img{
	width:100%;
	border:1px solid #ccc;
}
.presider-img-list ul li p{
	color:#555;
	font-size:15px;
	text-align:center;
	margin-top:3px;
}


/*热门节目*/
#program .three-img-list .col-sm-4{margin-left:19px;padding-right:0px;width:244px;}
#program .three-img-list .col-sm-4:first-child{margin-left:0px;}


#program .rank-list ul li {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
	float:left;
	width:100%;
}
#program .rank-list ul li.first{
	font-size: 23px;
}
#program .rank-list ul.download li{
	 padding: 0;
	 border-bottom: 0;
}
}
#program .rank-list li a{
	color:#666;
	float:left;
}
#program .rank-list li.first span.num{
	font-size: 20px;
}
#program .rank-list li span.num{
	float:left;
	margin-right:10px;
	font-style: italic;
	color:#666;
	font-size: 13px;

}
#program .rank-list li span{
	float:right;
	color:rgb(248,83,87);;
}
#program .right-width{
	width:33%;
}

.rank-list li.first a{
	
	color:black;
}
.rank-list li a{
	color:#444;
}
#program .rank-list li p{
	font-size: 12px;
	color:#aaa;
	text-indent: 15px;
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*热门评论*/
#hot-comment .viewport { width:305px; height:476px;  overflow: hidden; position: relative; }
#hot-comment .overview { list-style: none;width:98%; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#hot-comment .scrollbar{position: relative; background-position: 0 0; float: right; width:5px; }
#hot-comment .track {height: 100%; width:10px; position: relative; padding: 0 1px; }
#hot-comment .thumb { background:#acadaf;border-radius:3px; height: 20px; width:5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px; }
#hot-comment .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.net-name{
	color:red;
	float:left;
}
.media-body li{
	
	float:right;
}
.media-body,.net-name span.area-netname{
	  color: #888;
}
.net-name span{
	  color:red;
}
#hot-comment .media{
	position:relative;
	overflow:hidden;
}
#hot-comment .media .mobile-img{float:left;}
#hot-comment .media .media-body{float:left;width:224px;}
#hot-comment .media span.source{
	position:absolute;
	right:0;
	bottom:6px;
	color:#999;
}

#hot-comment .media span.source a{
	display:inline-block;
	max-width:150px;
	vertical-align:top;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#888;
}
#hot-comment .media span.source a:hover{color:red;}
.download ul{
	padding:10px;
}
.download li{
	width:100%;
	height:35px;
	line-height: 35px;
	text-align: center;
	margin-bottom: 10px;
}
.download li a{
	display: block;
	width:100%;
	font-size: 16px;
	height:35px;
cursor:default;
	
}
#hot-comment .media .hot a{
	display:block;
	width:56px;
	height:56px;
	overflow:hidden;
}
.slick-slide:focus,.slick-slide:active{
	border:0;
}
#hot-comment .media .hot a img{
	width:100%;
	max-height:56px;
}
.media-heading{
	font-size:14px;
	line-height:16px;
	float:left;
	width:224px;
}
#program .download li.HKS-dowmload a{
	font-size: 18px;
	color:black;
}
#program .download li.font-style a{
	color: white;
	cursor:default;
}
#program .download li.android{
	
	background:rgb(72,233,63);
}
#program .download li.android:hover{
	
	background:rgb(31,219,21);
}
.download li.iphone{
	
	background:rgb(41,124,246);
}
.download li.iphone:hover{
	
	background:rgb(12,96,218);
}
.download-padding{
	padding-bottom: 15px;
	padding-top: 10px;
}
.rank-list .media .media-body p{
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}



@media (max-width: 600px) { 
.mobile-img{width:100%;}
.mobile-img img{width:100%;}
.mobile-chinese{width:100%;padding-top:8px;}
 
 .media-body, .media-left, .media-right {
    display: inline-block;
    vertical-align: top;
}
.mobile-style .big-img{
	width:290px;
}
.mobile-style .rank-list {
    width: 290px;
   
}
}