/* CSS Document */
#banner{ background:url(../images/player-bannerbg.jpg) 0 0 no-repeat; width:1173px; height:420px; margin:0 auto; position:relative; margin-bottom:15px;}
#clearpre{ clear:both; height:0.1px;}
/******************************************************/
.player{ background:url(../images/player-bg.jpg) 0 0 no-repeat; width:826px; height:420px; position: absolute; left:174px;}

.play-top{ height:28px; padding:5px 0px 0px 18px; color:#d1d1d1; line-height:28px;}
.play-top span{ font-size:14px; }
.play-top span.play-topl{ width:448px; display:inline-block;}

.preview-top{ border-bottom:2px #d4d4d4 solid; margin-bottom:36px; padding-bottom:12px;}
.preview-top h3{ line-height:40px; color:#398f00; font-size:30px; font-weight:bold;}
.preview-top p{ line-height:20px; font-size:12px; color:#555;}

.play_preview{ background:url(../images/player-bg.png) 0 0 no-repeat; height:328px; width:441px; float:left;  padding:0px 0px 0px 13px; margin-right:20px;}
.preview_movie{ width:441px; height:328px; overflow:hidden;}
#preview_movie{ width:441px; height:328px; overflow:hidden; }

#thumbnail{ margin: 1px 0px 0 0; height:277px; overflow:hidden;}
.player_thumbnail{ padding: 10px 6px 0px 0px;}
.player_thumbnail ul li{ padding:2px 0px 2px 4px; _padding:1px 0px 1px 1px; border:1px #5a5a5a solid; background:#464646; margin-bottom:8px; _height:50px;}
.player_thumbnail ul li img{ float:left; border: #464646 2px solid; height:46px; line-height:46px; width:248px;}
.player_thumbnail ul li a:hover img,.player_thumbnail ul li a.active img{ border: #ffee78 2px solid; }
.player_thumbnail ul li a.get_this{ background:url(../images/re-bangetit.png) 11px 5px no-repeat; padding: 22px 0 0 0; margin: 5px 0 0 7px; _margin: 5px 0px 0px 7px; color:#41a406; text-decoration:underline; float:left;}
.player_thumbnail ul li a.get_this{ color:#5ad90e; text-decoration:underline;}

.binglie_thumbnail{ padding: 8px 0px 0px 4px;}
.binglie_thumbnail ul li{ width:94px; float:left; margin: 0px 10px 10px 0;}
.binglie_thumbnail ul li img{ border: #3e3e3e 2px solid; margin:0px 0px 4px 0px;}
.binglie_thumbnail ul li a:hover img,.binglie_thumbnail ul li a.active img{ border: #ffee78 2px solid; }
.binglie_thumbnail ul li .get_this{ background:url(../images/re-bangetit.png) 16px 0px no-repeat; _background:url(../images/get.jpg) 16px 0px no-repeat; display:block; padding: 0 0 0 37px; height:17px;}
.binglie_thumbnail ul li .get_this a{ color:#41a406; text-decoration:underline;}
.binglie_thumbnail ul li .get_this a:hover{ color:#5ad90e; text-decoration:underline;}

.latest_player{ width:336px; float:left; color:#FFF; height:315px; position:relative; }
.latest_player .view_more{ position:absolute; bottom:0px; right:15px;}
.latest_player .view_more a{ color:#3cac0c; text-decoration:underline; font-size:14px;}
.latest_player .view_more a:hover{ color:#4edb11; text-decoration:underline; font-size:14px;}

.resoucon{ padding:0px 0px 36px 0px;}
.rpalyer , .effects{ float:left; border:1px #d7d7d7 solid; background:#fafafa;}
.rpalyer{  width:176px; padding:5px 10px 12px 10px; margin:0px 53px; _margin:0px 44px;}
.rpalyer p{ font-size:14px; font-weight:bold;}
.rpalyer img{ margin-bottom:12px;}
.effects{ margin:0px 25px; float:left; width:90px; padding:5px 6px 6px 6px; _margin:0px 21px;}
.effects p{ font-size:12px; font-weight:bold;}
.effects img{ margin-bottom:8px;}
.re-a{ width:100%; text-align:center;}
.re-a a{background:url(../images/resour-dwon.jpg) 0 50% no-repeat; font-size:13px; color:#d5200c; text-decoration:underline; padding-left:19px; line-height:20px;}