html,body{font-family:Arial,Microsoft Yahei,Simsun;background:#000;}
/*layout*/
.header{height:50px;}
.footer{width:100%;}
.footer{height:70px;bottom:0;}
.main_wrap{background:url(main.png) 0 top repeat-x;}
.main{margin-left:auto;margin-right:auto;width:960px;overflow:hidden;}
/*bg*/
.preB,.nextB,.bottom span{background:url(slide.png) no-repeat;}
/*top*/
.head{text-align:center;}
.head a{color:#ccc;text-decoration:none;line-height:40px;}
.head a:hover{color:#fff;}
.head span{color:#aaa; font-family:Simsun;}
/*info*/
.info{padding:10px 0;color:#555;}
.info a{margin:0 10px;color:#aaa; text-decoration:none;outline:none; background:url(a_icon.png) no-repeat;padding-left:15px;*line-height:18px;height:16px;overflow:hidden;_display:inline-block;}
.info a em{ font-family:Simsun;padding-left:3px;}
.info a:hover{color:#fff;}
.info a.play{ background-position:0 0;}
.info a.stop{ background-position:0 -20px;}
.info a.a_artwork{ background-position:0 -40px;}
.info a.a_back{ background-position:0 -60px;}
.info a.a_quit{ background-position:0 -80px;}
.info a.a_reply{ background-position:0 -100px;}
.info a.a_keep{ background-position:0 -120px;}
.info a.a_fresh{ background-position:0 -140px;}
.info a.a_edit{ background-position:0 -160px;}
/*cont*/
.content{text-align:center;height:640px; position:relative;}
.content img{max-width:960px;max-height:640px;}
h1{font:bold 16px/50px Microsoft Yahei,Simsun; letter-spacing:1px;color:#fff;display:inline;margin-right:10px;padding-left:30px;}
/*explain*/
.explain{padding:15px 20px;color:#ccc;line-height:24px;}
.explain .author{ text-align:right;}
.explain .author a{margin:0 5px;color:#ccc;}
.explain .author span{padding-right:10px;}
.explain .a_edit{color:#ffcf6a;margin-left:10px;}
.explain a:hover{color:#ff5500;}
.explain input{border:1px solid #222;color:#ccc;background:#111;padding:3px 5px;width:200px;margin-right:10px;}
.explain .btn{margin:0 10px 0 0;color:#fff;}
/*page*/
.page a{ position:absolute;height:600px;width:45%;top:0;bottom:0;display:block;text-indent:-9999px;z-index:1;background:url(../blank.gif) no-repeat;}
.page a.preA{left:0;}
.page a.nextA{right:0;}
.page a:hover{border:none;}
.preB,.nextB{width:16px;height:51px;overflow:hidden;line-height:51px; cursor:pointer;border:none;display:block;margin-top:5px;}
.preB{ background-position:0 0; float:left;}
.nextB{ background-position:-16px 0; float:right;}
.preB:hover{ background-position:0 -51px;}
.nextB:hover{ background-position:-16px -51px;}
/*foot*/
.footer{padding-bottom:20px;}
.bottom{zoom:1;white-space:nowrap;border:1px solid #222;margin-left:auto;margin-right:auto;width:934px;background:#070707;padding:0 10px;}
.B_slider{overflow:hidden;height:55px;margin:0 auto; white-space:nowrap;}
#B_slider_table{min-height:1px;padding:5px 0 10px;height:55px;}
#B_slider_table span{height:51px;width:51px;display:block;background-position:-32px 0;float:left;margin:0 3px 0 2px;padding-top:5px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
#B_slider_table span a{float:left;display:block;width:45px;height:45px;padding:3px;}
#B_slider_table span a:hover{border:3px solid #ff5500;padding:0;position:relative;}
#B_slider_table span.current{ background-position:-83px 0;}