.W340_l,.W340_r{ width:341px}
.W340_m{ width:342px; margin:0 10px;}
.W705{ width:678px;}
.H222{ height:222px;}


div.article_box{float: left;*width:305px;padding-right:0;}
div.article_box img{width:275px;height:215px;margin-right: 0}
ul.article_list.pd15{overflow: hidden;}

.VideoBox{width:100%; overflow:hidden;}
.VideoBox li{ float:left; width:311px; height:216px; margin:19px; position:relative; overflow:hidden;_margin:15px;}
.VideoBox li h2{position: absolute;background: url(/Content/Areas/Common/images/op_bg.png) repeat;height:34px;line-height: 34px;width:100%;left:0;bottom:0;font-size: 14px;text-align: center;}
.VideoBox li h2 a{color: #fff;padding-left:15px;}
.VideoBox li img{width:311px;height:216px;}
.VideoBox li a.video_btn{ background: url(/Content/Areas/Common/images/anniu.png) no-repeat scroll center center; height:216px; position: absolute;width: 311px; z-index: 10; display: block;top:0;left:0;}
.VideoBox li a.video_btn:hover{background:url(/Content/Areas/Common/images/op_bg.png) repeat}
.VideoBox li p.Count,.VideoBox li p.play_time{display: none}


.w100{ width:1050px;} 

@media only screen and (max-width: 768px){ 
div.article_box{display: none} 
.W340_l{ width:100%; margin-bottom:10px; float:none;}
.W340_m,.W340_r{ width:100%;}
.W340_m{ margin:0;}
.W340_l li{ float:left; width:45%; margin-right:2%;}
.w100{ width:100%; float:none;}
.scrcontBox{ width:100%;}
.W695{ width:100% !important; margin-bottom:14px;float: none;}
.VideoBox li{width:31%;box-sizing:border-box;margin:0;margin:15px 1%;height:155px;}
.VideoBox li a.video_btn,.VideoBox li img{width:100%;height:155px;}


}

@media only screen and (max-width:640px){
 div.article_box img{ width:100%; float:none; margin:0;} 
.W340_m,.W340_r{ width:100%; margin-bottom:10px; float:none;}
.W340_l li{ float:none; 1 margin-right:0;}
.scrcontBox .pcont{ width:240px;}
.VideoBox{ margin:15px auto;}
.article_box{ float:none;}
.VideoBox li a.video_btn, .VideoBox li img,.VideoBox li{height:130px;}
}
@media only screen and (max-width:500px){ 
 .VideoBox li{float:none;margin:15px auto;height:auto;width:85%;} 
 .VideoBox li a.video_btn{display: none}
 .VideoBox li img{max-width: 315px;max-height: 215px;height:auto;width: 100%;}
 .VideoBox li h2{max-width: 315px;width: 100%;}


}