﻿.video_list{ color:#666; padding:20px 0px;}
.video_list li{ float:left; display:inline;height: 110px;overflow: hidden;position: relative;width: 290px; margin-bottom:20px;padding-right: 5px;}
.video_list li img,.video_list li video{ width:150px; height:105px; display:block; float:left; margin-right:15px;border:1px solid #ccc; padding:1px;}
.video_list li a.video_btn{ background:url(/Content/Areas/Common/video/play-btn.png) no-repeat center; 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: 73px;}
.video_list li a.video_btn:hover{ background:url(/Content/Areas/Common/images/Article/op_bg.png) repeat }

/*视频文章*/
.title_all h2{color: #333;font-size: 26px;font-weight: 100;line-height: 30px;margin-bottom: 10px;text-align: center;}

@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;}	
	}
@media only screen and (max-width:640px){
.ask_area{ padding:0px !important; border:0px !important;}
	}
@media only screen and (max-width:602px){
.video_list li{ width:100%; padding-right:0; }	
}
@media only screen and (max-width:320px){
/*.video_list li img{ float:none; margin:0 auto; display:block;}
.video_list li a.video_btn{ margin:0 auto;bottom:56px; left:43px;}
.video_list li{ height:165px; text-align:center;}
.video_list li p.play_time{ float:none; margin:0 auto;}*/
.video_list li img{ width:119px; height:84px;}
.video_list li a.video_btn{ width:121px; height:86px;bottom:23px;}
	} 