@import url(../global.ui.css);

.videos{float:right;width:990px;margin-top:10px;}

.videos .filter{border-top:1px #ddd solid;border-bottom:1px #ddd solid;}
.videos .filter .filter_box{clear:both;background-color:#F7F7F7;border-top:1px #ddd solid;}
.videos .filter .filter_box dl dt{float:left;width:100px;padding-left:20px;overflow:hidden;height:40px;line-height:40px;font-size:14px;color:#999;}
.videos .filter .filter_box dl dd{float:right;width:770px;min-height:18px;overflow:hidden;background-color:#fff;padding:10px 80px 12px 13px;position:relative;}
.videos .filter .filter_box dl dd a{line-height:24px;font-size:12px;white-space:nowrap;color:#666;border:1px #fff solid;padding:0 7px;}
.videos .filter .filter_box dl dd a.selected{color:#FF6600;border:1px #FF6600 solid;}
.videos .filter .filter_box dl dd font{display:block;height:20px;line-height:20px;color:#999;position:absolute;top:10px;right:10px;}

.videos .data{position:relative;padding-top:50px;border-top:1px #ddd solid;/*margin-top:15px;*/}
.videos .data .selector{width:100%;height:40px;background-color:#f5f5f5;position:absolute;top:0;left:0;}
.videos .data .selector ul li{display:block;float:left;line-height:40px;font-size:14px;}
.videos .data .selector ul li a{display:block;height:35px;color:#666;border-bottom:5px #f5f5f5 solid;padding:0 20px;position:relative;}
.videos .data .selector ul li a.selected{color:#075CCB;border-bottom:5px #386ED2 solid;}
.videos .data .selector ul li a font{position:absolute;right:0;font-size:10px;color:#ccc;}
.videos .data .selector form{display:block;position:relative;position:absolute;top:5px;right:75px;width:200px;height:32px;overflow:hidden;line-height:30px;}
.videos .data .selector form input{height:30px;width:135px;margin:0 3px;}
.videos .data .selector form button{display:block;height:30px;line-height:32px;width:50px;padding:0;margin:0;border-radius:0;position:absolute;top:0;right:0;}
.videos .data .selector a.mypublish{background-color:#4CB849;color:#FFF;display:block;height:30px;line-height:32px;text-align:center;width:65px;padding:0;margin:0;position:absolute;top:5px;right:5px;}
.videos .data .list{margin-top:10px}
.videos .data .list ul{margin-left:-12px;background-color:#fff;}
.videos .data .list ul li{display:block;float:left;width:230px;height:205px;overflow:hidden;background-color:#fff;border:1px #fff solid;margin:0 0 20px 18px;padding:0;position:relative;cursor:pointer;}
.videos .data .list ul li.nodata{float:none;width:100%;height:200px;line-height:100px;font-size:16px;text-align:center;}
.videos .data .list ul li.selected{border:1px #ccc solid;border-radius:5px;-moz-box-shadow:1px 1px 7px #999;-webkit-box-shadow:1px 1px 7px #999;box-shadow:1px 1px 7px #999;}
.videos .data .list ul li span{display:block;overflow:hidden;color:#888;height:26px;line-height:26px;position:relative;}
.videos .data .list ul li span.photo{width:230px;height:170px;overflow:hidden;}
.videos .data .list ul li span.photo img{display:block;width:230px;height:auto;position:absolute;top:-20px;left:0;}
.videos .data .list ul li span.mask{position:absolute;top:114px;left:0;width:100%;background-color:#000;height:56px;overflow:hidden;filter:Alpha(opacity=50);opacity:0.50;-moz-opacity:0.50;-khtml-opacity:0.50;z-index:99;}
.videos .data .list ul li span.time{height:26px;line-height:26px;font-size:12px;position:absolute;top:114px;color:#fff;z-index:999;right:15px;} 
.videos .data .list ul li span.shop{height:30px;overflow:hidden;position:absolute;top:140px;right:15px;z-index:999;color:#999;border-top:#666 dotted 1px;}
.videos .data .list ul li strong.name{width:100%;height:22px;font-weight:normal;overflow:hidden;color:#000;position:absolute;bottom:8px;left:0;z-index:99;}
.videos .data .list ul li strong.name a{display:block;line-height:22px;margin:0 30px 0 1px;color:#000;font-size:16px;}
.videos .data .list ul li span.click{height:22px;line-height:23px;font-size:12px;position:absolute;right:0;bottom:8px;color:#999;background-color:#fff;z-index:999;}
.videos .data .list ul li span.click i{display:block;height:22px;padding-left:40px;font-style:normal;color:#999;background:url("/images/ico_x1.png");background-repeat:no-repeat;background-position:10px -1px;}
.videos .data .list ul li a.full{display:block;width:230px;height:200px;position:absolute;top:0;left:0;z-index:99999;}
.videos .data .list ul li span.start{width:50px;height:50px;position:absolute;top:75px;left:90px;display:none;}
.videos .data .list ul li span.start img{display:block;width:50px;height:50px;}
.videos .data .list ul li.selected span.photo{height:205px;}
.videos .data .list ul li.selected span.mask,.videos .data .list ul li.selected span.click,.videos .data .list ul li.selected span.time,.videos .data .list ul li.selected strong.name,.videos .data .list ul li.selected span.shop{display:none;}
.videos .data .pager{clear:both;width:260px;float:right;margin-top:20px;} 

.hot_videos{float:left;width:190px;border:#ddd solid 1px;margin-top:10px;}
.hot_videos dl dt{height:42px;line-height:40px;padding-left:10px;font-size:16px;color:#333;text-shadow:0 0 #333,1px 1px #aaa;filter:Dropshadow(offx=0,offy=0,color=#333)Dropshadow(offx=1,offy=1,color=#aaa);background-color:#F7F5F6;}
.hot_videos dl dd{border-top:#ddd solid 1px;}
.hot_videos dl{border-top:#ddd solid 1px;}
.hot_videos dl dd ul{padding:10px 0 50px 10px;}
.hot_videos dl dd ul li{height:60px;width:170px;border-bottom:#ddd dotted 1px;margin-top:7px;padding:3px 0;position:relative;}
.hot_videos dl dd ul li.nodata{width:100%;height:200px;line-height:50px;font-size:12px;}
.hot_videos dl dd ul li span.photo{display:block;width:48px;height:48px;margin:1px;overflow:hidden;}
.hot_videos dl dd ul li span.photo img{display:block;height:48px;width:auto;margin:0 auto;}
.hot_videos dl dd ul li strong.name{display:block;height:20px;font-weight:normal;position:absolute;top:0;left:55px;}
.hot_videos dl dd ul li strong.name a{display:block;width:115px;line-height:24px;font-size:12px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot_videos dl dd ul li span.time,.hot_videos dl dd ul li span.click{display:block;height:30px;line-height:30px;font-size:12px;color:#999;position:absolute;top:25px;}
.hot_videos dl dd ul li span.time{left:53px;}
.hot_videos dl dd ul li span.click{font-size:12px;color:#999;right:8px;}
.hot_videos dl dd ul li span.click i,.hot_videos dl dd ul li span.time i{display:block;height:22px;padding-left:20px;font-style:normal;color:#999;background:url("/images/ico_x1.png");background-repeat:no-repeat;}
.hot_videos dl dd ul li span.time i{background-position:-6px -26px;}
.hot_videos dl dd ul li span.click i{padding-left:23px;background-position:-6px 2px;}
.hot_videos dl dd ul li span.topnum{display:block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#ccc;color:#000;border-radius:13px;font-size:14px;position:absolute;top:-3px;left:-4px;}
.hot_videos dl dd ul li span.topnum1{background-color:#d92f53;color:#fff;}
.hot_videos dl dd ul li span.topnum2{background-color:#2f7bd9;color:#fff;}
.hot_videos dl dd ul li span.topnum3{background-color:#27947c;color:#fff;}
.hot_videos dl dd ul li span.topnum4{background-color:#a8961c;color:#fff;}
.hot_videos dl dd ul li span.topnum5{background-color:#7f2bc6;color:#fff;}