.video_left { float: left; width: 665px; }
.v_right { width: 267px; float:right }
.video_right { border: 1px solid #d5e7e2; margin-bottom: 10px; width: 265px; float:right}
.recommend { overflow:hidden; }
.single_video h3, .recommend_tit h3 { background: url("/Content/Areas/Common/images/sy_tab_bg3.gif") repeat-x; height: 34px; line-height: 34px; padding: 0 0 0 25px; }
.video_search_inside li h2 { background: url("/Content/Areas/Common/images/leftnav/lv2_p_Bg.png") no-repeat 5px 10px; font-size: 12px; line-height: 24px; padding-left: 15px; }
.right_ranking { clear: both; }
.video_list { margin: 15px; width: 89%; }
.video_list .first { display: block; padding-bottom: 13px; padding-top: 5px; position: relative; }
.video_list li { line-height: 30px; }
.video_list .second .num, .video_list .third .num { background-color: #FF6600; color: #FFFFFF; padding: 2px 4px; }

.video_list2{ padding:15px 0px; line-height:24px; color:#666; overflow:hidden}
.video_list2 li{ position:relative; width:165px; height:160px; overflow:hidden; margin:5px 10px 0 0; float:left;}
.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(../../common/images/video_botton.png) center center no-repeat; z-index:1; padding:1px;}
.video_list2 li a.video_btn:hover{background:url(../../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:#41a68a}
.video_list2 li a:hover{ text-decoration:underline}


.video_list4{ padding:15px 10px; line-height:24px; color:#666; overflow:hidden}
.video_list4 li{ position:relative; width:180px; height:160px; overflow:hidden; margin:5px 10px 0 25px; padding-bottom:10px; float:left;}
.video_list4 li img{ border:#ccc solid 1px; width:178px; height:120px;}
.video_list4 li a.video_btn{ width:180px; height:120px; position:absolute; left:0; top:0; background:url(../../common/images/video_botton.png) center center no-repeat; z-index:1; padding:1px;}
.video_list4 li a.video_btn:hover{background:url(../../common/images/video_botton_h.png) center center no-repeat; padding:0; border:#41A68A solid 1px;}
.video_list4 li h2{ font-weight:normal; font-size:14px; margin-top:5px; text-align:center}
.video_list4 li a{ color:#41a68a}
.video_list4 li a:hover{ text-decoration:underline}

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



.title_head a{ font-weight:normal; float: right; font-size:12px; color:#58B59A; padding-right:5px;}

/*视频排行*/
.video_list { width:89%; margin:15px; }
.video_list li { line-height:30px; }
.video_list li .num { background-color: #FF6600; color: #FFFFFF; padding: 2px 4px; }
.video_list .first { padding-bottom: 13px; padding-top: 5px; position: relative; display:block; }
.video_list .first img { display: block; float: left; margin: 0; }
.video_list .first .video_infor { display: inline; float: left; padding-left: 10px; width: 105px; }
.video_list .first .video_infor h2 { line-height:24px; font-size:12px; }
.video_list .first .video_btn { background: url(../../Common/images/ranking_video_btn.png) no-repeat; display: block; height: 98px; left: -5px; position: absolute; top: 0; width: 130px; }
.video_list img { height: 88px; width: 120px; }
.video_list .after3 .num {  background-color: #AAAAAA;  color: #FFFFFF;  padding: 2px 4px;}

@media only screen and (max-width:768px){
.video_right { display: none;}
.video_left { width: 100%;}
.video_list3 li h2{ text-align: left; }
}
@media only screen and (max-width:640px){
.video_list3 li { width: 40%; margin: 5px 5%;}

}

@media only screen and (max-width:380px){
.video_list3 li { width: 48%; margin: 5px 1%;}

}