html,body{margin:0; padding:0; text-align:center; font:13px Arial; color:#9eb0ba; background:#000000;}

form{margin:0; padding:0;}

img{border:0;}

a{color:#ffffff; text-decoration:underline;}
a:hover{text-decoration:none;}

.clearfix:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height:0px; font-size:0px;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear{clear:both; width:0; height:0; overflow:hidden;}

#page{margin:0 auto; width:960px; text-align:left;}
#flash{width:960px; height:298px; background:url(../images/flash.jpg) no-repeat;}
#flash #fHead{margin-left:28px;}

#content{background:url(../images/bg.gif) repeat-y; padding:10px 0 0 0; position:relative;}
#content .about{width:550px; position:absolute; left:0; top:80px; _top:79px;}
#content .about .center{background:#1c2833; border-left:1px solid #7c9ab8; border-right:1px solid #7c9ab8; padding:10px 22px 0 20px; position:relative; height:285px; text-align:left;}
#content .about .center .l{width:200px; margin-right:20px; text-align:center; float:left;}
#content .about .center .l img{margin-bottom:10px;}
.ab{width:280px; float:right;}
.ab span{display:block; color:#FFF; margin-bottom:10px;}
.ab .scroll-pane {width: 280px; height: 245px; overflow: auto;}

#content .about .center .close{display:block; height:9px; width:9px; position:absolute; right:20px; top:5px; background:url(../images/close.gif) no-repeat;}

#content #player{width:550px; float:left; padding-bottom:20px; position:relative; padding-top:20px;}
#content #player ul{margin:0; padding:0; list-style-type:none; width:550px; position:absolute; left:0; top:0;}
#content #player ul li{float:left; top:1px; font-size:11px;}

#content #player ul li .l{display:block; background:url(../images/pl_h.gif) no-repeat; line-height:21px; padding-left:8px; color:#000000; text-decoration:none; padding-right:1px;}
#content #player ul li .l span{display:block; background:url(../images/pc_h.gif) repeat-x; line-height:21px;}
#content #player ul li .l span i{display:block; font-style:normal; padding-right:10px; padding-left:2px;}
#content #player ul li .l:hover, #content #player ul li .l.clip{display:block; background:url(../images/pl.gif) no-repeat; line-height:21px; padding-left:8px; color:#9eb0ba; text-decoration:none;}
#content #player ul li .l:hover span,#content #player ul li .l.clip span{display:block; background:url(../images/pc.gif) repeat-x; line-height:21px;}
#content #player ul li .l:hover span i,#content #player ul li .l.clip span i{display:block; background:url(../images/pl_r.gif) right center no-repeat; font-style:normal; padding-right:10px; padding-left:2px;}


#content #player ul li .r{display:block; background:url(../images/pr_h.gif) right top no-repeat; line-height:21px; padding-right:8px; color:#000000; text-decoration:none;}
#content #player ul li .r span{display:block; background:url(../images/pc_h.gif) repeat-x; line-height:21px;}
#content #player ul li .r span i{display:block; font-style:normal; padding-left:10px; padding-right:2px;}
#content #player ul li .r:hover, #content #player ul li .r.trailer{display:block; background:url(../images/pr.gif) right top no-repeat; line-height:21px; padding-right:8px; color:#9eb0ba;  text-decoration:none;}
#content #player ul li .r:hover span,#content #player ul li .r.trailer span{display:block; background:url(../images/pc.gif) repeat-x; line-height:21px;}
#content #player ul li .r:hover span i,#content #player ul li .r.trailer span i{display:block; background:url(../images/pr_r.gif) left top no-repeat; font-style:normal; padding-left:10px; padding-right:2px;}

#content #player .pl{background:#1c2833; border-left:1px solid #7c9ab8; border-right:1px solid #7c9ab8; padding:7px 9px 1px 9px;}

#content #info{width:380px; float:right; text-align:center; color:#7daac3; padding-top:15px; padding-bottom:20px;}
#content img{display:block; margin:0 auto;}
#content font{display:block; font-size:16px;}
#content .span{display:block; font-size:30px; color:#FFF; text-transform:uppercase; text-align:center; padding-bottom:20px;}
#content .span i{font-style:normal; color:#7daac3;}
#content .i{margin-top:5px;}
#content .imgs{width:380px; margin:0 auto; color:#fff; margin-top:15px; margin-bottom:15px;}
#content .imgs span{display:block; float:left; width:87px; padding-right:9px;}
#content .imgs span img{margin-bottom:3px; cursor:pointer;}
#content .imgs span.none{padding-right:0;}

#bd{background:url(../images/bgCenter.jpg) repeat-y;}
#bd #bodyHead{background:url(../images/bg.jpg) no-repeat;}
#bd #bodyFooter{background:url(../images/bgFooter.jpg) left bottom no-repeat; padding:10px 0 15px 0;}
#bd .text{padding:0 30px 10px 30px; line-height:17px;}
#bd .text .LeftSide{width:410px; float:left;}
#bd .text .RightSide{width:450px; float:right;}
#bd .text .title{display:block; color:#FFF; font-size:15px; margin-bottom:10px;}
#bd .text .logo{float:left; background:url(../images/logo.gif) right center no-repeat; line-height:44px; padding-right:135px; padding-top:2px;}
#bd .text .a{display:block;}
#bd .text .off{display:block; padding-top:30px;}
#bd  .box .boxTop{width:450px; height:10px; background:url(../images/boxTop.gif) no-repeat;}
#bd  .box .boxBottom{width:450px; height:10px; background:url(../images/boxBottom.gif) no-repeat;}
#bd  .box .boxCenter{width:448px; border-left:1px solid #41484e; border-right:1px solid #41484e; background:#000;}
#bd  .box .boxCenter ul{margin:0; padding:0 0 0 25px;}

#page #footer{height:35px; line-height:35px; color:#5e6468; font-size:11px;}
#page #footer span{float:right;}
#page #footer a{color:#5e6468;}