.c_dark{color:#222;}
.c_highred{color:#c00;}
.c_highorange{color:#f60;}


.btn_blue{display:inline-block; width:90px; height:30px; line-height:30px; background:#3593e3; text-align:center; color:#fff; font-size:15px; }
.btn_blue:hover{background:#0470cc;}

.v_taglt{position:absolute; top:0; left:0; z-index:95;}
.v_tagrt{position:absolute; top:0; right:0; z-index:95;}
.v_tagrb{position:absolute; bottom:0; right:0; z-index:95;}

	/* 主体结构 */
.yk_dir{margin-bottom:10px;}
.yk_dir .current{background:#f5f5f5;}
.yk_card{position:relative; margin-top:-1px; background:#fff; border-top:1px solid #eaeaea; }
.yk_card.last{border-top:none;}
.yk_card.current{background:#f5f5f5;}
.yk_card .card_hd{position:relative;}
.yk_card .card_bd{padding:10px;}
.yk_card .card_fd{overflow:hidden;}
.yk_card .card_func{float:left; width:60px; height:90px;}
.yk_card .card_info{position:relative; height:90px; padding-left:70px; }
.yk_card .card_link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:9;}
.yk_card .card_more{display:block; height:44px; line-height:44px; background:#fff; border-top:1px solid #ddd; text-align:center; color:#666;}
.yk_card .card_more:active{background:#f5f5f5;}

	/* 视频海报 */
.card_v{position:relative; width:100%; height:100%;}
.card_v .v_thumb{position:relative; width:100%; height:100%;}
.card_v .v_img{height:100%; overflow:hidden;}
.card_v .v_source{padding:0 5px; color:#ff5337;}
.card_v .v_source em{font-size:18px; font-style:normal;}
.card_v .v_mask{position:absolute; left:0px; bottom:0px; width:100%; height:30px; z-index:90;
	background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 16%, rgba(51, 51, 51, 0.1) 36%, rgba(51, 51, 51, 0.22) 51%, rgba(51, 51, 51, 0.35) 63%, rgba(17, 17, 17, 0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, rgba(51, 51, 51, 0)), color-stop(36%, rgba(51, 51, 51, 0.1)), color-stop(51%, rgba(51, 51, 51, 0.22)), color-stop(63%, rgba(51, 51, 51, 0.35)), color-stop(100%, rgba(17, 17, 17, 0.65)));
	background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 16%, rgba(51, 51, 51, 0.1) 36%, rgba(51, 51, 51, 0.22) 51%, rgba(51, 51, 51, 0.35) 63%, rgba(17, 17, 17, 0.65) 100%);
	background: -o-linear-gradient(top, rgba(51, 51, 51, 0) 16%, rgba(51, 51, 51, 0.1) 36%, rgba(51, 51, 51, 0.22) 51%, rgba(51, 51, 51, 0.35) 63%, rgba(17, 17, 17, 0.65) 100%);
	background: -ms-linear-gradient(top, rgba(51, 51, 51, 0) 16%, rgba(51, 51, 51, 0.1) 36%, rgba(51, 51, 51, 0.22) 51%, rgba(51, 51, 51, 0.35) 63%, rgba(17, 17, 17, 0.65) 100%);
	background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 16%, rgba(51, 51, 51, 0.5) 36%, rgba(51, 51, 51, 0.6) 51%, rgba(51, 51, 51, 0.7) 63%, rgba(17, 17, 17, 0.8) 100%);
}
.card_v .v_link{position:absolute; top:0; left:0; width:100%; height:100%; z-index:99;}
.card_v .v_link a{display:block; width:100%; height:100%;}
	
	/* 视频信息 */

.card_info .v_info{display:inline-block; width:100%; min-height:60px;}
.card_info .v_title{margin:0; margin-bottom:4px; line-height:18px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.card_info .v_title .name{font-size:16px; color:#222; font-weight:normal;}
.card_info .v_title .c_highred{color:#c00;}
.card_info .v_desc{margin-bottom:5px; line-height:16px; color:#999;}
.card_info .v_desc p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.card_info .v_desc span{margin-right:10px; color:#999;}
.card_info .v_desc span.c_highorange{color:#f60;}
.card_info .v_desc em{font-style:normal;}
/*.card_info .v_play{position:absolute; bottom:0px; left:0px; width:100%;}*/
.card_info .v_btn{float:left; }
.card_info .v_btn .btn_blue{position:relative; z-index:10;}
.card_info .v_pe{float:left; margin-left:15px;}
.card_info .v_pe .btn_pe{position:relative; z-index:10;}
.card_info .v_pos{float:right; line-height:35px;}
.card_info .v_pos span{color:#999;}
.card_info .v_pos img{vertical-align:top; margin-top:10px;}
.card_info .v_date{display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; text-align:center;
	background:linear-gradient(to bottom, rgba(255,57,11,1) 50%, rgba(235,44,0,1) 51%, rgba(255,111,77,1) 52%);
}

	/* 剧集 */
.card_item{margin:0 -1px;}
.card_item ul{margin:1px 0 -1px 1px;}
.card_item li{float:left; position:relative; width:20%;}
.card_item li .v_taglt{top:-1px; left:-1px;}
.card_item li .nmb{display:block; margin-left:-1px; margin-top:-1px; height:42px; line-height:42px; background:#fff; border:1px solid #ddd; text-align:center; color:#555; font-size:15px;}
.card_item li .nmb span{font-size:15px;}
.card_item li .nmb em{display:block; vertical-align:top; margin-top:-3px; font-style:normal;}
.card_item li.dis .nmb{background:#f7f7f7; color:#aaa;}
.card_item li.on .nmb,
.card_item li .nmb:hover{position:relative; background:#7fc4ff; border-color:#7fc4ff; color:#fff; z-index:9;}

.card_cate li{width:100%;}
.card_cate li .nmb{padding:0 10px; text-align:left; }
.card_cate li .nmb:hover{background:#fff; color:#555; border-color:#ddd;}
.card_cate li .all{text-align:center; color:#3593e3;}
.card_cate li .all:hover{color:#3593e3;}
/*.card_cate li .nmb{margin:0; border-left:0; border-right:0;}*/

	/* 剧集 new */
.ep_box{position:fixed; left:0; bottom:0; width:100%; height:60%; background:#fff; z-index:1009; }
.ep_box .ep_hd{height:45px; line-height:45px;}
.ep_box .ep_hd .tit{float:left; padding-left:10px; font-size:14px; color:#333;}
.ep_box .ep_hd .act{float:right; padding:5px 10px; height:25px;}
.ep_box .ep_bd{height:100%; overflow:scroll; padding-top:1px;}
.ep_box .ep_item{margin-bottom:45px;}
.ep_box .ep_item ul{display:block; *display:inline-table;}
.ep_box .ep_item ul:after{display:block; content:""; clear:both; height:0; visibility:hidden;}
.ep_box .ep_item li{float:left; position:relative; width:14.2%; background:#fff;}
.ep_box .ep_item li .ep{position:relative; display:block; margin-left:-1px; margin-top:-1px; height:45px; line-height:45px; border:1px solid #ddd; text-align:center; color:#555; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; z-index:99;}
.ep_box .ep_item li.on .ep,
.ep_box .ep_item li.on .ep span{color:#2fb3ff;}
.ep_box .ep_item li.dis .ep,
.ep_box .ep_item li.dis .ep span{color:#ddd;}
.ep_box .zy_item li{width:100%;}
.ep_box .zy_item li .ep{padding:0 10px; text-align:left; font-size:14px;}
.ep_box .zy_item li .ep span{margin-right:10px; font-size:14px;}
.ep_box .ep_cata{position:relative; width:100%; height:45px; border-top:1px solid #d7d7d7; overflow:hidden;}
.ep_box .ep_cata ul{position:absolute; top:0; left:0; width:100%; height:45px;}
.ep_box .ep_cata li{float:left; width:80px; height:45px; line-height:45px; text-align:center; font-size:14px; color:#333;}
.ep_box .ep_cata li.on{color:#2fb3ff;}

	/* 视频组 */
.card_face{height:30px; padding:10px 10px 5px; line-height:30px; font-size:14px; overflow:hidden;}
.card_face .img{float:left; margin-right:10px; width:30px; height:30px; overflow:hidden;
	border-radius:50px;
}
.card_face .img a{display:block;}
.card_face .img img{width:30px; height:auto;
	border-radius:50px;
}
.card_face .info{float:left; line-height:30px;  color:#999;}
.card_face .tit{ font-size:16px;}
.card_face .tit img{margin-left:5px; margin-top:8px; width:18px; height:auto; vertical-align:top;}
.card_face .tit .ico_level{margin-left:5px; margin-top:10px; vertical-align:top;}
.card_face .tit a{display:inline-block; max-width:105px; word-wrap:break-word; white-space:nowrap;  color:#333; overflow:hidden; text-overflow:ellipsis;}
.card_face .more{position:relative; float:right; padding-right:15px; color:#999;}
.card_face .more .r-arrow{top:5px;}

.card_face_h{padding:15px 10px;}
.card_face_h .info{margin-top:-4px; line-height:18px;}
.card_face_h .info span{margin-right:10px; color:#999;}
.card_face_h .tit img{margin-top:1px;}
.card_face_h .tit .ico_level{margin-top:3px;}

.card_video{position:relative; margin:0 5px 8px; padding:0 20px; height:40px; line-height:40px; background:#f5f5f5;
	border-radius:3px;
}
.card_video a{position:relative; display:block; padding-right:45px; color:#666; font-size:12px; z-index:2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.card_video .ico_play_blue{position:absolute; top:8px; right:20px;}

	/* 节目大词 */
.card_title{height:18px; line-height:18px; margin:16px 0; padding-left:10px;  border-left:2px solid #2fb3ff;}
.card_title span{ font-size:16px; font-family:"Microsoft yahei";}
.card_title .type{display:inline-block; vertical-align:top; margin-left:4px; height:17px; line-height:17px; padding:0 4px; background:#ca0d0d; text-align:center; color:#fff; font-size:12px;
	border-radius:3px;}
.card_title_second{border:0; }
.card_title_second .ico_arrow_l{margin:-3px 5px 0 -5px; vertical-align:top; }
.card_nav{position:relative; height:40px; padding:0 10px; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.card_nav a{float:left; line-height:38px; margin-left:10px; margin-right:20px; color:#666; font-size:14px;}
.card_nav a.on{border-bottom:2px solid #2fb3ff; color:#2fb3ff;}

	/* ugc直达区 */
.card_nav .nav_cont{position:absolute; top:0; left:0; height:100%;}
.card_cont{position:relative;  overflow:hidden;}
.card_cont li{position:relative; width:100%; height:100%;  display:none; }
.item_ugc{margin-top:-1px; height:34px; padding:5px 10px; border-top:1px solid #f5f5f5;}
.item_ugc .pic{float:left; width:60px; height:34px; overflow:hidden;}
.item_ugc .info{padding-left:70px;}
.item_ugc .info .text{display:block; padding:7px 0; line-height:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.col3_ugc a{float:left; margin:-1px 0 0 -2px; width:33.3%; height:40px; line-height:40px; border:1px solid #f5f5f5; text-align:center; color:#333;}




@media screen and (max-width:560px){
	.card_item li{float:left; position:relative; width:20%;}
	.card_cate li{width:100%;}
}

@media screen and (min-width:560px) and (max-width:700px){
	.card_item li{float:left; position:relative; width:12.5%;}
	.card_cate li{width:100%;}
}

@media screen and (min-width:700px){
	.card_item li{float:left; position:relative; width:10%;}
	.card_cate li{width:100%;}
}

.for_tudou .c_highorange{color:#3593e3;}
.for_tudou .btn_blue{background:#ff6600;}
.for_tudou .btn_blue:hover{background:#e65c00;}
.for_tudou .card_item li.on .nmb,
.for_tudou .card_item li .nmb:hover{background:#ffb27f; border-color:#ffb27f;}
.for_tudou .card_info .v_date{display:inline-block; width:20px; height:20px; line-height:20px; color:#fff; text-align:center;
	background:linear-gradient(to bottom, rgba(6,129,224,1) 50%, rgba(1,112,198,1) 51%, rgba(6,166,224,1) 52%);
}