﻿.video_list{ color:#666; margin-top: 15px;}
.video_list li{ float:left; display:inline;height: 110px;overflow: hidden;position: relative;width: 385px; margin-bottom:20px;padding-right: 15px;}
.video_list li:nth-child(2n){ padding-right:0; }

.img_video{ width: 152px;height: 107px;float: left;margin-right: 20px; position: relative;}
.img_video .showTime{position: absolute; background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat;color: #fff;padding: 2px 4px;right: 1px;bottom: 1px;}

.video_list li img{ width:150px; height:105px; display:block; border:1px solid #ccc; padding:1px;}
.video_list li a.video_btn{ display:block; width:152px; height:107px; position:absolute; left:1px; bottom:2px;}
.video_list li h2{ font-size:14px; font-weight:normal; line-height:32px;}
.video_list li p{ line-height:24px;}
.video_list li p.play_time{ background: url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center;display: block;float: left;padding-left: 15px;width: 190px;}
.video_list li a.video_btn:hover{ background:url(../../common/images/video/play-btn.png) no-repeat center;}



/*视频文章*/
.icon_list li{ float:left; margin:0 10px;color: #666;line-height: 25px; }
.icon_list li:hover{ color: #86d4bd;cursor: pointer; }

.icon_list li.dz_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px 3px;
padding-left: 24px;}
.icon_list li.fx_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -20px;
padding-left: 24px;}
.icon_list li.sc_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -42px;
padding-left: 24px;}
.icon_list li.phone_icon{background: url(/Content/Areas/Common/images/video/sp_icon.png) no-repeat 0px -62px;
padding-left: 20px;}
.sub_tit span{margin-right: 20px;color: #666; margin-top:5px;line-height: 32px;}
/*相关视频列表*/
.sp_list{width: 278px;background: #000;height: 550px;overflow: hidden;border-left: 2px solid #ccc;padding:0 20px;}
.sp_list .xg_tit{ font-size:18px; color:#fff; line-height:55px;}
.sp_introduce{background: #f1f2f2;height: 62px;padding: 10px;}
.sp_introduce .article_title{ color:#86d4bd;font-size: 16px;line-height: 32px;}
.xgsp_lists li{height: 66px;margin-bottom: 15px;}
.xgsp_lists li .img_box{width:114px; height:66px;float:left;margin-right: 10px; overflow:hidden; position:relative;}
.xgsp_lists li .img_box img{ width:114px; height:66px; }
.xgsp_lists li p.maintitle{height:40px;line-height: 22px}
.xgsp_lists li .maintitle a{color: #fff;font-size: 12px; display:block;}
.xgsp_lists li .liulan{line-height: 32px;color: #fff;font-size: 12px; background:url(/Content/Areas/common/images/video/btn_count.png) no-repeat left center; padding-left: 18px;}
.xgsp_lists li .showTime{position: absolute;bottom: 0px;padding: 0px 8px;background: transparent url("/Content/Areas/Common/images/Article/op_bg.png") repeat;color: #fff;right: 0px;}
.xgsp_lists li:hover,.xgsp_lists li.Cur{background: #3a3a3a}
.xgsp_lists li.Cur .maintitle a{ color:#fff;}
.video_btn{ width:114px;height:66px; }

.icon_list{ position: relative; }
.ewm_b{width: 180px;height: 210px;position: absolute;background: #fff;border: 1px solid #ccc;text-align: center;line-height: 30px;z-index: 99;padding: 10px 5px 0;top: 34px;right: 0; }

.department{ margin-top: 0 !important;}

@media only screen and (max-width:1024px){
	.sp_list {width: 25%;padding: 0 2%;height: 460px;}
	.sp_current{ width: 70%; }
	#ckplayer_a1,#a1{ width: 100% !important; height: 460px !important;}
}

@media only screen and (max-width:1000px){
/*视频详细页*/
#department { float: left;width: 48%; }
#article{ float: right;width: 49%; }
}

@media only screen and (max-width:768px){
	.video_list{ box-sizing:border-box;}
	.video_list li{ width:50%; padding-right:10px; box-sizing:border-box;} 
	.sp_current{ width:100%;overflow: hidden; }
 .sp_list { display: none; }
 .sp_introduce{ height: auto; }
}

@media only screen and (max-width:602px){
.video_list li{ width:100%; padding-right:0; } 
#ckplayer_a1,#a1{ width: 100% !important; height: 400px !important;}


/*视频详细页*/
#department { float: left;width: 100%; }
#article{ float: right;width: 100%; }

 }
 @media only screen and (max-width:460px){
 	#ckplayer_a1,#a1{ width: 100% !important; height: 300px !important;}
 } 