﻿@charset "utf-8";
/* CSS Document */
.city{ width:110px;padding-left:10px;}
.city li{ line-height:36px; font-size:12px; color:#666; position:relative; padding-left:20px; border-left:1px solid #ccc;}
.city li a{color:#666;}
.city li i{ position:absolute; left:-16px; top:0; font-size:30px; color:#cccccc;}
.city li:hover i,.city li:hover a,.city li a:hover,.city li.active i,.city li.active a{color:#f00;}
/*position choice end*/
/*list*/
.list_box{padding-top:12px}
.list_left{width:866px;}
.list_top{background: #f3f3f3;border-bottom: 1px solid #ddd;}
.list_top span.wd{ border-top: #e4393c 2px solid;border-left: 1px solid #f3f3f3;color: #e4393c;margin-bottom: -1px;background-color: #fff; padding: 10px 20px;font-weight: bold;}
.list_top .number{margin-top:10px;}
.list_top .number i{color:#aaa;font-size: 12px;}
.list_top a{margin-left:10px; margin-right:10px;width:38px;height:18px;line-height:18px;text-align: center;display: inline-block;border:1px solid #ddd;border-radius: 1px;background-color:#fff;}
.list_top font{color:#e4393c;}
.order{font-size: 12px;color:#333;margin:8px 0 0 16px;}
.order a{color:#666;border:1px solid #ddd;display: inline-block;border-radius: 2px;width:70px;height:20px;line-height:18px;text-align:center;margin-left: 8px;cursor: pointer;}
.order a.red{color:#e4393c;background-color: #fff;}
.order a i{font-size:14px;}

.list{width: 896px; float:left;}
.list .pager{float:left;}
.list ul{float:left;}
.list li{float: left; width:280px; overflow: hidden; margin-right:13px; _display: inline; padding-top: 18px;}
.video_pic{display: block;width: 280px; height: 286px; overflow: hidden}
.video_pic img{width: 280px; height: 286px;}
.line{width: 280px; height: 2px; overflow: hidden; background-color: #fff; }
.line div{width: 280px; height: 2px; overflow: hidden; background-color: #f95f61;_display: none;transform:translate(-280px,0);-webkit-transform:translate(-280px,0);-ms-transform:translate(-280px,0);-moz-transform:translate(-280px,0);}
/*transform兼容未做*/
.list li:hover .line div{transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);}
.list li:hover .video_pic img{transform:scale(1.02);-ms-transform:scale(1.02);-webkit-transform:scale(1.02);-moz-transform:scale(1.02);}
.list_text{width: 238px; border:1px solid #e1e1e1; padding: 0 20px 10px 20px;}
.list_text h2{width: 238px; height: 41px; line-height: 41px; overflow: hidden; border-bottom: 1px solid #e1e1e1;}
.list_text h2 a{font-size: 14px; color: #333; font-weight: 700;}
.list_text h2 a:hover{color: #e43a3d;}
.list_text P{font-size: 12px; color: #b2b2b2;  margin-top: 10px;}
.list_text P span{color: #333;}
/*list end*/
/*list_right*/
.list_right{width:283px;}
.video_txt{width: 100%;}
.tit{margin-top:14px;height:26px;line-height:16px;border-bottom:1px solid #ddd;}
.tit span{font-size: 16px;font-weight: bold;color:#e4393c;}
.tit a{font-size: 12px;color:#808080;}
.tit a:hover{text-decoration: underline;color:#e4393c;}
.video_txt ul{margin:6px 0 25px 0;}
.video_txt li{line-height: 34px; height: 34px; overflow: hidden;}
.video_txt li span{padding: 1px 4px; background-color: #c2c2c2; font-family: "Arial"; font-size: 12px; color: #fff; border-radius: 2px;}
.video_txt li a{margin-left:9px; font-size: 12px; color: #333;}
.video_txt li a:hover{color: #e43a3d; text-decoration: underline;}
.video_txt li .active{background-color: #e43a3d;}
.box{border-bottom: 1px dashed #ccc; overflow: hidden; padding: 13px 0;   font-size:12px;}
.video_good li:last-child{border: none;}
.box img{width:102px; height:68px; }
.box a:hover img{opacity: 0.9; filter:alpha(opacity=90);}
.box .bo{line-height:20px; width:161px;}
.box .bo a{display: block;width:161px; height:40px; overflow: hidden;color: #333;margin-top: 5px;}
.box a{width:102px; height:68px;}
.box a:hover{color: #e43a3d; text-decoration: underline}
.box p{color: #999;}
/*list_right end*/

