.video_list2{ padding:15px 0px; line-height:24px; color:#666; overflow:hidden}
.video_list2 li{ position:relative; width:165px; height:150px; overflow:hidden; margin:5px 6px 0 6px; float:left; display:inline}
.video_list2 li img{ border:#ccc solid 1px; width:160px; height:110px;}
.video_list2 li a.video_btn{ width:160px; height:110px; position:absolute; left:0; top:0; background:url("/Content/Areas/common/images/video_botton.png") center center no-repeat; z-index:1; padding:1px;}
.video_list2 li a.video_btn:hover{background:url("/Content/Areas/common/images/video_botton_h.png") center center no-repeat; padding:0; border:#41A68A solid 1px;}
.video_list2 li h2{ font-weight:normal; font-size:14px; margin-top:5px; text-align:center}
.video_list2 li a{ color:#3d9b5c}
.video_list2 li a:hover{ text-decoration:underline}

@media only screen and (max-width:768px){
 .video_list2 li{width: 23%;margin: 5px 1% 0;}
 .video_list2 li a.video_btn { width: 100%;}
 .video_list2 li a.video_img{ width: 100%; height: 110px; overflow: hidden; display: block; border: 1px solid #ccc; }
 .video_list2 li a.video_img img{ width: 100%; height: auto; } 
 .video_list2 li h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media only screen and (max-width:640px){
 .video_list2 li {width: 31.3%;}
}
@media only screen and (max-width:500px){
 .video_list2 li {width: 48%;}
}