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

.videos{margin-top:10px;position:relative;}
.videos .player{width:940px;height:700px;background-color:#000;position:relative;}
.videos .player .myvideo{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;}
.videos .player .loadingmask{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;z-index:99999;cursor:pointer;}
.videos .player span.loadingui{display:block;width:300px;height:300px;margin:200px 0 0 320px;overflow:hidden;border-radius:3px;}
.videos .player span.loadingui img{display:block;width:300px;height:300px;}
.videos .player span.playstart{display:block;position:absolute;top:300px;left:420px;z-index:99999;cursor:pointer;}
.videos .info{position:absolute;top:0;left:940px;background-color:#fff;border:1px #ddd solid;width:240px;height:698px;overflow:hidden;}
.videos .info dl dt{background-color:#F7F5F6;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);}
.videos .info dl dd{border-top:#ddd solid 1px;padding-top:10px;}
.videos .info dl dd span{display:block;position:relative;height:28px;line-height:28px;color:#999;padding-left:10px;}
.videos .info dl dd span font{display:block;position:absolute;left:75px;top:0;height:28px;line-height:28px;color:#888;}
.videos .info dl dd span.photo{width:220px;height:220px;position:static;border:#ddd solid 1px;padding:1px;margin:0 auto;border-radius:3px;}
.videos .info dl dd span.title{height:auto;min-height:32px;line-height:26px;font-size:16px;color:#666;padding:7px 10px;position:static;}
.videos .info dl dd span.photo img{display:block;width:100%;height:100%;}
.videos .path{position:absolute;bottom:0;left:940px;overflow:hidden;}
.videos .path dl{padding:0 0 20px 10px;}
.videos .path dl dt{color:#666;height:28px;line-height:28px;font-size:14px;}
.videos .path dl dd ul li{float:left;height:22px;line-height:22px;border:#ddd solid 1px;color:#888;padding:0 3px;border-radius:3px;margin:7px 5px 0 0;cursor:pointer;}
.videos .path dl dd ul li.selected{background-color:#A8961C;color:#fff;border:#A8961C solid 1px;cursor: auto;}
.videos .path dl dd ul li.closed{background-color:#eee;color:#ccc;}
.videos .shop{position:absolute;top:0;right:0;background-color:#fff;border:1px #ddd solid;width:300px;max-height:700px;overflow:hidden;}
.videos .shop dl.shopinfo{height:280px;overflow:hidden;}
.videos .shop dl dt{background-color:#F7F5F6;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);}
.videos .shop dl dd{border-top:#ddd solid 1px;padding-top:10px;}
.videos .shop dl dd ul{padding:10px 0 0 0;}
.videos .shop dl dd ul li{height:28px;line-height:28px;overflow:hidden;font-size:14px;color:#333;padding-left:15px;}
.videos .shop dl dd ul li.name{height:auto;line-height:24px;font-size:18px;font-weight:bold;color:#000;padding-bottom:10px;margin-bottom:5px;border-bottom:1px dotted #eee;}
.videos .shop dl dd ul li font{color:#000;}
.videos .shop dl dd ul li font a{padding-right:3px;}
.videos .shop dl dd ul li.linkin{margin:0 10px 5px 0;overflow:hidden;}
.videos .shop dl dd ul li.linkin a{display:block;text-align:right;color:#999;}
.videos .shop dl.shopproducts{border-top:#ddd solid 1px;}
.videos .shop dl.shopproducts dd ul{padding:0 0 20px 0;}
.videos .shop dl.shopproducts dd ul li{height:60px;overflow:hidden;border-bottom:#ddd dotted 1px;margin-top:7px;padding-bottom:5px;position:relative;}
.videos .shop dl.shopproducts dd ul li span.photo{display:block;width:56px;height:56px;margin:1px;overflow:hidden;}
.videos .shop dl.shopproducts dd ul li span.photo img{display:block;height:56px;width:auto;margin:0 auto;}
.videos .shop dl.shopproducts dd ul li strong.name{display:block;height:30px;font-weight:normal;position:absolute;top:0;left:80px;}
.videos .shop dl.shopproducts dd ul li strong.name a{display:block;width:210px;line-height:20px;font-size:14px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.videos .shop dl.shopproducts dd ul li span.price,.videos .shop dl.shopproducts dd ul li span.click{display:block;height:30px;line-height:30px;font-size:14px;color:#FF2222;position:absolute;top:25px;}
.videos .shop dl.shopproducts dd ul li span.price{left:80px;}
.videos .shop dl.shopproducts dd ul li span.click{font-size:12px;color:#ccc;right:10px;}
.videos .shop dl.shopproducts dd ul li span.price .noprice{font-size:12px;color:#999;}
.videos .shop dl.shopproducts dd ul li span.price label.ico_rmb{font-size:12px;color:#FF0000;}
.hot_video{background-color:#fff;margin:0 auto;width:1200px;margin-top:15px;}
.hot_video dl dt{height:50px;position:relative;}
.hot_video dl dt strong{display:block;height:50px;line-height:60px;font-size:18px;color:#000;float:left;padding-left:10px;}
.hot_video dl dt p{display:block;font-size:12px;position:absolute;top:25px;right:5px;}
.hot_video dl dd ul{background-color:#fff;margin:0 -20px 0 -1px;}
.hot_video dl dd ul li{display:block;float:left;width:185px;height:150px;overflow:hidden;margin:0 15px 5px 0;border:none;position:relative;}
.hot_video dl dd ul li span.photo{display:block;width:185px;height:115px;overflow:hidden;margin:0;border-radius:3px;}
.hot_video dl dd ul li span.photo img{display:block;height:auto;width:185px;margin:0 auto;}
.hot_video dl dd ul li strong.name{display:block;height:28px;font-weight:normal;width:180px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hot_video dl dd ul li strong.name a{display:block;height:28px;line-height:30px;font-size:14px;color:#000;}
.hot_video dl dd ul li span.mask{display:block;position:absolute;top:90px;left:0;width:100%;background-color:#000;height:26px;filter:Alpha(opacity=40);opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;z-index:99;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
.hot_video dl dd ul li span.time{display:block;height:26px;line-height:26px;font-size:12px;position:absolute;top:90px;color:#fff;z-index:999;text-align:right;right:10px;}