﻿/*歌曲播放 */
.gqbf{border:1px solid #ddd;margin:15px 0 0 10px;background:#fff url(gqbfBg.jpg) no-repeat center 351px}
.gqbf h3{font-weight:normal;height:27px;line-height:26px;border-bottom:1px solid #ddd}
.gqbf h3 span{display:block;font-size:14px;color:#000;text-align:left;font-weight:bold;padding-left:22px;background:url(http://i.51mike.com/css/v3/playmusic.gif) 0 -15px no-repeat}
.gqbf h3 em{font-style:normal;color:#999;float:right}

.gqbf .flash{margin:10px auto 0;width:320px;height:285px;border:1px solid red}

.gqbf .gqzht{margin:10px auto 0;width:320px;height:32px}
.gqbf .gqzht span{color:#128ccc;margin-right:6px}
.gqbf .gqzht span.xgz{color:red}
.gqbf .gqbfdf{position:relative;text-align:left;width:318px;height:28px;display:block;border:1px solid #d6d6d6;background:url(gqbfdf.gif) repeat-x 0 1px}

.gqbf .gqdf{width:97px;height:26px;float:left;border:1px solid #fff;border-right:1px solid #d6d6d6}
.gqbf .gqbfdf a span{color:#333;height:26px;line-height:26px}
.gqbf .scoreRate{position:relative;margin:4px auto;width:85px;height:17px;background:url(rating_star.gif) repeat-x 0 -34px}
.scoreRate li{float:left;padding:0}
.scoreRate li a{position:absolute;top:0;left:0;display:block;width:17px;height:17px;line-height:17px;text-indent:-9000px;z-index:20}
.scoreRate li a:hover{background:url(rating_star.gif) 0 -17px;left:0;z-index:2}
.scoreRate a.one{left:0px}
.scoreRate a.one:hover{width:17px}
.scoreRate a.two{left:17px}
.scoreRate a.two:hover{width:34px}
.scoreRate a.three{left:34px}
.scoreRate a.three:hover{width:51px}
.scoreRate a.four{left:51px} 
.scoreRate a.four:hover{width:68px}
.scoreRate a.five{left:68px}
.scoreRate a.five:hover{width:85px}
.scoreRate li.now{height:17px;text-indent:-9000px;background:url(rating_star.gif) 0 -34px repeat-x;z-index:3;width:85px}

.gqbf .gqbfdf a.dingSong{width:67px;text-indent:30px;background:url(icon.gif) no-repeat 4px -290px;display:block}
.gqbf .gqbfdf a.dingSong em{color:#0bb4eb}
.gqbf .gqbfdf a.showSong{width:67px;text-indent:30px;background:url(icon.gif) no-repeat 4px -322px;display:block}
.gqbf .gqbfdf a.xxh{width:67px;text-indent:30px;border-right:0;background:url(icon.gif) no-repeat 4px -353px;display:block}

.gqbf .gqAllInfo{position:relative;width:340px;height:115px;display:block}
.gqAllInfo .gqInfoMenu{position:absolute;left:0;top:0;width:340px;height:22px;line-height:22px;margin:0 auto;background:url(gqbfdf.gif) repeat-x 0 0}
.gqAllInfo .gqInfoMenu li{float:left}
.gqAllInfo .gqInfoMenu li a{float:left;width:56px;height:20px;line-height:21px;padding-left:10px;border:1px solid #cecece;background:url(icon.gif) no-repeat 7px -388px}
.gqAllInfo .gqInfoMenu li a.gc{background-position:7px -416px}
.gqAllInfo .gqInfoMenu li a.xz{background-position:7px -443px}
.gqAllInfo .gqInfoMenu li a.fx{background-position:7px -472px}
.gqAllInfo .gqInfoMenu li a.fch{background-position:7px -501px}
.gqAllInfo .gqInfoMenu li a:hover,.gqAllInfo .gqInfoMenu li a.now{border:1px solid #e6e6e6;line-height:21px;border-bottom:0}
.gqAllInfo .gqInfoMenu li a:hover{border-bottom:1px solid #e6e6e6}
.gqAllInfo .gqInfoMenu li a.now{line-height:21px;color:#ec6811;font-weight:bold;border-bottom:0}
.gqAllInfo .gqInfoMenu li a.now:hover{line-height:21px;border-bottom:0}

.gqAllInfo .gqinfo{width:328px;height:90px;padding:5px;padding-top:30px;border:1px solid #e6e6e6;border-top:0;text-align:left}

.gqinfo .info{border:1px solid #ddd;margin-bottom:8px}
.gqinfo .shuom{border-bottom:3px solid #f6f6f6;padding:1px 8px 0}
.gqinfo .shuom span{float:right}
.gqinfo .geci{height:90px;overflow:auto;text-indent:2em;padding:3px 8px}

.gqbf .gqlist{display:none;border-left:1px solid #ddd}
.gqlist .title{text-align:left;font-weight:bold;height:27px;line-height:27px;padding-left:20px;border-bottom:1px solid #ddd;color:#000}
.gqlist .title span{margin:0 6px}
.gqlist .title ol{float:right;margin-top:3px;padding-right:8px}
.gqlist .title li{float:left}
.gqlist .title li span{display:none}
.gqlist .title li a{display:block;width:24px;height:20px;background:url(http://i.51mike.com/space/new/base/bg_4.gif) 0 -20px no-repeat}
.gqlist .title li a:hover,.gqlist .title .now a{background-position:0 0}
.gqlist .title li a.tb{background-position:-24px 0}
.gqlist .title li a.tb:hover,.gqlist .title .now a.tb{background-position:-24px -20px}
.gqlist .gqmenu{width:252px;*width:251px;background:url(http://i.51mike.com/space/new/base/bg_3.gif) 0 -19px repeat-x;height:19px;line-height:19px;margin:5px auto}
.gqlist .gqmenu li{float:left}
.gqlist .gqmenu li a{display:block;padding:0 8px;border-left:1px solid #999}
.gqlist .gqmenu li a:hover,.gqlist .gqmenu li a.now{background-color:#000;color:#fff}
.gqlist .gqmenu li .first{background:url(http://i.51mike.com/space/new/base/bg_3.gif) no-repeat;border:none}
.gqlist .gqmenu li .end{background:url(http://i.51mike.com/space/new/base/bg_3.gif) right -38px no-repeat}

.gqlist .list{margin:10px;padding:5px;border:1px solid #ddd;height:522px;overflow:auto}
.gqlist .list li{height:27px;line-height:27px;text-align:left;border-bottom:1px solid #ddd;overflow:hidden}
.gqlist .list li span{float:right;padding:0 10px}
.gqlist .list li a{display:block}
.gqlist .list .mv{background:url(http://i.51mike.com/space/new/base/diy_mtv.gif) 5px 7px no-repeat;padding-left:28px}
.gqlist .list .mp3{background:url(http://i.51mike.com/space/new/base/diy_mp3.gif) 5px 7px no-repeat;padding-left:28px}
.gqlist .list .photo{background:url(http://i.51mike.com/space/new/base/diy_photo.gif) 5px 7px no-repeat;padding-left:28px;height:20px}
.gqlist .list .now{background:url(http://i.51mike.com/css/v3/playmusic.gif) 0 -220px repeat-x}

#liebiao{margin:10px;padding:5px;border:1px solid #ddd;height:522px;overflow:auto}
#liebiao li{float:left;margin:0 4px 8px 0;width:66px}
#liebiao dl{height:91px;overflow:hidden}
#liebiao dt img{width:64px;height:51px;border:1px solid #ccc}
#liebiao dd{height:20px;line-height:20px;word-break:break-all;overflow:hidden}
#liebiao .data{font-size:10px}

.gqbtn li{float:left;background:url(http://i.51mike.com/css/v3/playmusic_btn.gif) no-repeat;width:78px;height:25px;margin:0 9px 8px 0}
.gqbtn .nom{margin-right:0}
.gqbtn li.btn_hover{background-position:0 -25px}
.gqbtn a{display:block;padding-left:22px;height:21px;line-height:25px;*line-height:28px;background:url(http://i.51mike.com/css/v3/playmusic.gif) no-repeat;overflow:hidden}
.gqbtn a.btn1{background-position:2px -58px}
.gqbtn a.btn2{background-position:2px -78px}
.gqbtn a.btn3{background-position:2px -98px}
.gqbtn a.btn4{background-position:2px -118px}
.gqbtn a.btn5{background-position:2px -138px}
.gqbtn a.btn6{background-position:2px -158px}
.gqbtn a.btn7{background-position:2px -178px}
.gqbtn a.btn8{background-position:4px -198px}

/*歌曲播放 > 复制地址 */
.showAdd{margin:10px auto;text-align:left;clear:both}
.showAdd a{color:#069;margin:0 4px}
.showAdd h3{font-weight:bold;margin-bottom:8px}
.showAdd .fuz{background:#f0f0f0;padding:4px}
.showAdd .shuom{color:#09c;font-size:14px;font-weight:bold}
.showAdd p{margin-top:5px}
.showAdd label{float:left;width:70px;text-align:right}
.showAdd input{border:1px solid #666;margin-bottom:4px}
.showAdd #html,.showAdd #flash{width:280px;height:18px;margin-right:10px}
.showAdd #fuzhi1,.showAdd #fuzhi2{height:20px;position:relative;top:2px;*top:0px}

/*歌曲播放 > 秀 弹窗 */
.showSong{line-height:18px}
.showSong p{margin-top:6px}
.showSong p strong,.showSong p span{font-weight:bold;padding:0 6px}
.showSong p label{float:left;width:100px;text-align:right}
.showSong p .showfee{font-weight:normal}
.showSong p textarea{width:200px;height:90px}
.showSong .inpu{margin-left:95px}
.showSong .inpu input{float:left;width:60px;height:26px;margin-right:15px}

.xhlist{position:relative;width:338px;height:41px;margin:7px auto;overflow:hidden;border:1px solid #ccc}
.xhlist li{position:relative;width:35px;height:35px;margin:3px 2px;float:left}
.xhlist li img{width:35px;height:35px}
.xhlist li span{position:absolute;right:1px;bottom:1px;color:#0bb4eb}

.xhlist .zkxh a{position:absolute;right:-1px;top:-1px;width:12px;height:43px;text-indent:-9999px;display:block;background:url(zkxh.jpg) 0 0 no-repeat}
.xhlist .zkxh a:hover{background-position:0 -44px}
