@charset "utf-8";
/* CSS Document */
body {background-color:#000; background-image:url(); background-size: 100% auto; margin:0; font-family: "simsun", Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; sans-serif;
font-size:12px; margin:0; padding:0; }
* { margin:0; padding:0; }
.mainbox { overflow:hidden; position: relative; background:url(bg.png); }
.cover_bg { position:absolute; padding:5px; top:40%; margin-top:-130px; left:50%; width:300px; height:auto; margin-left:-155px; background:url(coverbg.png) no-repeat; }
.gz { position:absolute; top:2%; left:69%; width:80px; height:30px; background-color: #FFF; background-repeat: no-repeat; background-image: url(fxmid.gif); }
.songintro { position:absolute; top:40%; margin-top:155px; left:50%; width:300px; height:20px; margin-left:-150px; text-align:center; color:#fff; line-height:20px; overflow:hidden; }
.copyright { position:absolute; top:60%; bottom:30px; width:100%; text-align:center; font-size:120%; color:#fff; margin:0 auto; }
.copyright a { color:#FFFF66; font-weight: bold; text-decoration: none; text-align: center; }
.copyright a b{ color:#FF6600;}
.copyright strong { background:#000000; }
.cover_pic { background:url(coverbg.png) no-repeat; width:300px; height:200px; overflow:hidden;}
.homebtn { position:absolute; top:10px; right:20px; background:url(list.png) no-repeat; width:30px; height:30px; background-size:30px 30px; }
.heartbtn { position:absolute; top:10px; left:10px; background:url(heart_2.png) no-repeat; width:30px; height:30px; background-size:30px 30px; }
.heartselect { background:url(heart_1.png) no-repeat; background-size:30px 30px; }
.playbg { position:absolute; width:300px; height:150px; bottom:5px; left:5px; }
.songtitle { width:300px; height:22px; line-height:22px; font-size:140%; color:#fff; text-align:center; padding-top:40px; font-weight:bold; overflow:hidden; }
.auther { width:300px; height:20px; line-height:20px; color:#ddd; text-align:center; }
.progdiv { width:260px; margin:0 auto; margin-top:10px; background-color:#000; border-radius:3px; height:5px; }
.pgbg { position:relative; }
.pgbuf,
.pgtime { background-color:#aaa; height:5px; position: absolute; top: 0px; width:0; border-radius: 3px; }
.pgtime { background-color:#fff; }
.playbtns { width: 150px; margin: 0 auto; padding-top:10px; }
.playbtns a { display:inline-block; }
.prevbtn,
.nextbtn { background:url(prevbtn.png); width:32px; height:32px; margin-bottom: 4px; background-size:32px 32px; }
.playbtn { background:url(playbtn.png); width:40px; height:40px; margin:0 17px; background-size:40px 40px; }
.pausebtn { background:url(pausebtn.png); background-size:40px 40px; }
.nextbtn { background:url(nextbtn.png); background-size:32px 32px; }
.header { height:40px; }
header { background:url(hdbg.png) repeat-x; height:30px; line-height:30px; display:block; text-align:center; width:100%; padding:5px 0px; }
header span { font-size:150%; color:#fff; }
.fmtitle { padding:15px 0; text-align:center; color:white; font-size:140%; }
.fmlist,
.fmlista { background:url(listbtnb.png); width:30px; height:30px; float:left; background-size:30px 30px; }
.fmlista { float:right; }
.list_style { font-size:140%; float:left; width:100px; height:30px; color:#f48a01; text-decoration: none; margin:0 auto; background:url(style_back.png) no-repeat; line-height:30px; }
.no_select { background:url(style_back2.png) no-repeat; color:#fff; }
.fmcontent { }
.backbtna { background:url(backbtnbg.png) no-repeat; width:65px; height:40px; float:left; background-size:65px 40px; text-decoration: none; color:#333; }
.coverbox { position: relative; width: 220px; padding-left: 50px; margin: 0 auto; }
.coverbg { width:160px; height:160px; background-color:white; padding:2px; }
.coverbg img { width:160px; height:160px; }
.btnlist { position:absolute; top:0; right:0; }
.btnlist a { list-style:none; margin-bottom:20px; display:block; }
.wsdiv { color:white; text-align:center; padding:10px 0; margin-top:5px; }
.wsgap { padding:0 20px; }
.fmcontent { width:270px; color:white; margin:0 auto; }
.timeremain { text-align:center; color:#fff; }
.fmlistbox,
.loginbox { height: 100%; width: 100%; position: absolute; top: 0; left: -1000px; background:url("bg.png") repeat; z-index: 500; overflow:scroll; }
.fmlistdiv a { color:#fff; text-decoration:none; height: 40px; line-height:40px; display: block; }
.fmlistdiv dd { text-overflow: ellipsis; white-space: nowrap; overflow:scroll; }
.s_page { padding-top:10px; width:100%; height:30px; }
.s_page_div { width:300px; height:30px; line-height:30px; margin:0 auto; overflow:hidden; padding-left:20px; }
.s_page a { text-indent:-9999px;  cursor: pointer  height:30px;
float:left; margin-right:15px; }
.first_pg { width:63px; background:url(pg1.png) no-repeat; background-size:65px 30px; }
.end_pg { width:63px; background:url(pg4.png) no-repeat; background-size:65px 30px; }
.prev_pg { width:30px; background:url(pg2.png) no-repeat; background-size:30px; }
.next_pg { width:30px; background:url(pg3.png) no-repeat; background-size:30px; }
.num_pg { float:left; margin-right:15px; color:#fff; }


header { display: block; clear:all; background: url("header-background.jpg") repeat-x scroll center top #2C2C2C; height: 36px; width: 100%; position:fixed; z-index:10 }
header .title , header a{ color:#fff; line-height:36px; text-align:center; font-size:18px; overflow: hidden; display: block; }
header .back { background-image: url(back.png); background-position: center center; background-repeat: no-repeat; background-size: 12px 20px; height: 36px; left: 5px; position: absolute; width: 30px; display: block;  cursor:pointer;  }

.ico { background:url(logo2014.png) no-repeat 10px center; padding-left:50px; float:left }
.controls { box-shadow: 0 1px 1px 0 #000000 inset; padding: 3px; position:absolute; right:10px; top:6px }
.controls a , .controls img { display: block; }
.controls img { width: 22px; }
.controls a { background: url("controls.jpg") repeat-x scroll center top #212121; border-top: 1px solid #5C5C5C; cursor: pointer; padding: 4px 6px 2px; }
.controls a.login { font-size:14px; color:#fff; padding:5px 10px }
.controls a.login:active { padding:5px 10px }
.controls a:active { opacity: 0.65; }
.controls.active img { opacity: 0.35; }