/*2¡ê¡è?¡è??????¨º?¡§|?¡§¡ä*/
.playnewL{ width:224px; float:left;}
.playnewL-top{border:1px solid #d2d6d9;}
.playnewM{ width:436px; float:left; margin-left:10px; display:inline;}
.playnewR{ width:300px; float:left; margin-left:10px; display:inline;}
.yy-menubtn{ width:222px; height:204px; background:url(../images/play-menubtn.png) no-repeat;}
.yy-menubtn li{ width:222px; height:51px;}
.yy-menubtn li a{ display:block; width:154px; height:42px; line-height:18px; font-size:13px; padding:9px 0 0 48px;}
.yy-menubtn li a em{ font-size:12px; color:#999;}
.yy-menubtn li a:hover{ text-decoration:none; color:red;}
.yy-msg{ width:222px; background:#fff; height:168px; padding:0 0 6px; border-bottom:1px solid #d2d6d9;}
.yy-msg li{ height:24px; line-height:24px; padding-left:17px; color:#666; font-size:13px;}
.yy-msg li a{ color:#293f99;}
.yy-new1{ width:222px; height:295px; background:#fff;}
.yy-bt{ width:222px; background:#fff; height:26px; padding:5px 0;border-bottom:1px  solid #d2d6d9;}
.yy-bt2{ width:222px; background:#fff; border-bottom:1px  solid #d2d6d9;}
.yy-bt span{display:block;float:left;margin:2px 5px 2px 10px;color: black;height:22px;line-height:22px;_display:inline;}
.yy-bt a{ display:block; float:left; width:90px; height:22px; margin-top:2px; _display:inline;}
/*2¡ê¡è?¡è????*/
.player-new{ width:436px; height:86px; overflow:hidden;}
.playerBox{ height:86px; background:url(../images/bg-player-new.png) 0 0 repeat;color:#fff; border-radius:3px 3px 0 0;}
.jp-audio{ overflow:hidden;zoom:1;}
.playerMain{ float:right; width:412px;height:86px;overflow:hidden;zoom:1; padding:0 12px;}
.playerMain01{ width:412px;}
.playing-info{ width:412px; height:21px; overflow:hidden; padding:6px 0 6px 0;}
.playing-info h1{color:#fff; font-weight:400; font-size:14px; float:left; width:300px; height:21px; line-height:21px; overflow:hidden;}
.playing-info h1 a{color:#fff;font:400 14px/21px "Microsoft YaHei";}
.playing-info h1 .playing-song a{color:#fff;}
.playing-info h1 .playing-singer a{font-size:12px;color:#fff;}
.playing-info h1 a:hover{ color:#fff; text-decoration:none;}
.playing-info .playing-time{ float:right; font-size:12px; width:90px; height:16px;overflow:hidden; line-height:16px; color:#fff; text-align:right; margin-top:3px;}
.jp-progress { height:6px; width:412px;display:block; background:#6e6e6e; border-radius:3px;box-shadow:-2px 1px 2px rgba(0,0,0,0.1);}
.jp-seek-bar { width:0px; height:6px; cursor:pointer; background:#111; overflow:visible;border-radius:3px;}
.jp-play-bar { width:0px; height:6px; background:#ffffff; position:relative; float:left; display:inline;border-radius:3px;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);}
.jp-play-btn{ width:6px; height:13px; background:#ffffff; overflow:hidden; position:absolute; float:left; right:-4px; top:-4px;border-radius:3px;}
.playerMain02{width:138px; float:left; display:inline;}
.jp-controls {height:46px; overflow:hidden;zoom:1;}
.jp-controls li { display:inline; float:left; }
.jp-controls a { display:block; overflow:hidden; text-indent:-9999px; margin-right:9px;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);}
.jp-play,a.jp-pause{width:34px; height:34px; margin-top:6px; border-radius:17px;}
.jp-play{background:url(../images/main.png) -33px 0 no-repeat;}
.jp-pause{background:url(../images/main.png) -73px 0;display: none;}
 a.jp-previous, a.jp-next{width:28px; height:28px; margin-top:9px;border-radius:14px;}
.jp-previous{background: url(../images/main.png) 0 0 no-repeat;}
.jp-next{background:url(../images/main.png) -115px 0 no-repeat;}
.playerMain03{width:225px; float:right; margin-top:9px; display:inline;}
.jp-toggles { overflow:hidden; zoom:1; width:105px; float:left; margin:0 0 0 20px; display:inline;}
.jp-toggles li{display:block;float:left; margin:0 6px 0 2px; display:inline;}
.jp-toggles li a{display:block;width:26px;height:26px;text-indent:-9999px;line-height:100%;}
.jp-toggles li a.jp-listroll{background: url(../images/main.png) -396px 6px no-repeat;}
.jp-toggles li a.jp-sgelroll{background: url(../images/main.png) -426px 6px no-repeat;}
.jp-toggles li a.jp-random{background: url(../images/main.png) -456px 6px no-repeat;}
.jp-toggles li.current a{width:26px;}
.jp-toggles li.current a.jp-listroll{background: url(../images/main.png) -496px 0 no-repeat;}
.jp-toggles li.current a.jp-sgelroll{background: url(../images/main.png) -526px 0 no-repeat;}
.jp-toggles li.current a.jp-random{background: url(../images/main.png) -556px 0 no-repeat;}
.volume{overflow:hidden;zoom:1; margin:6px 0 0 0; float:left;}
.volume li{display:inline;float: left;}
.volume a{display:block;overflow:hidden;text-indent:-9999px;}
.jp-mute,.jp-unmute{ width:18px;height:14px;}
.jp-mute{background: url(../images/main.png) -342px 0 no-repeat;}
.jp-unmute{background: url(../images/main.png) -371px 0 no-repeat;display:none;}
.volume-bar-wrap{ margin:5px 0 0 7px;}
.jp-volume-bar{ width:75px;height:4px; cursor:pointer; overflow:visible; background:#262626; border-radius:3px;box-shadow:-2px 1px 2px rgba(0,0,0,0.1);}
.jp-volume-bar-value{background:#fff;width:0px;height:4px; cursor:pointer; float:left; overflow:visible; position:relative; display:inline;border-radius:3px;box-shadow:-2px 0px 4px rgba(0,0,0,0.2);}
.jp-volume-bar-btn{ width:4px; height:10px; background:#fff; overflow:hidden; float:left; position:absolute; right:-2px; top:-3px;border-radius:3px;}
/*2¡ê¡è?¡è?????¡§¡é¡§o?*/
.player-menu-btns{width:436px;height:30px;border-top: 5px solid #d9dadc;_width:435px;_border-right:1px solid #5a7bc3;}
.player-menu-btns ul{ position:relative;}
.player-menu-btns li{width:86px;height:30px;float:left;border-left: 1px solid #ffffff;}
.player-menu-btns li:first-child{ border-left:0 none; width:88px;}
.player-menu-btns li a{height:30px;line-height:30px;display:block;background: #0c0c0c;color:#fff;overflow:hidden;}
.player-menu-btns li a:hover{background: #3a3a3a;color:#fff;text-decoration:none;}
.player-menu-btns i{ display:block; float:left;}
.player-menu-btns .ding i{ width:15px; height:16px; background:url(../images/cd-btns.png) 0 0; margin:7px 3px 0 15px; _display:inline;}
.player-menu-btns .cai i{ width:15px; height:16px; background:url(../images/cd-btns.png) -16px 0; margin:8px 3px 0 15px; _display:inline;}
.player-menu-btns .shoucang i{ width:15px; height:16px; background:url(../images/cd-btns.png) -32px 0; margin:8px 3px 0 22px; _display:inline;}
.player-menu-btns .down i{ width:16px; height:16px; background:url(../images/cd-btns.png) -48px 0; margin:6px 3px 0 22px; _display:inline;}
.player-menu-btns .share i{ width:16px; height:16px; background:url(../images/cd-btns.png) -65px 0; margin:6px 3px 0 22px; _display:inline;}
/*2¡ê¡è?¡è?¡§¡éD?¨¤¡§a*/
.playnew-list{ width:434px; height:382px; border:1px solid #d2d6d9; margin-top:9px;}
.play-listL{ width:86px; height:382px; float:left; border-right:1px solid #d2d6d9; background:#fbfbfb;}
.play-listL li{ width:86px; height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #efefef;}
.play-listL li a{ display:block; width:86px; height:30px; text-align:center; line-height:30px;}
.play-listL li a:hover{ text-decoration:none; background:#e1e9ff;}
.play-listL li.current a,.play-listL li.current a:hover{background: #262626;color:#fff;}
.play-listR{ width:347px; height:382px; float:left;background: #f0f0f0;}
.gg-list{ width:347px; height:342px; overflow-y:scroll; overflow-x:hidden; background:#fff;}
.gg-list ul{ background:url(../images/line-new.png) repeat;}
.gg-list li{ height:33px; line-height:33px;}
.gg-list li:hover{ background:#e1e9ff;}
.gg-list .check{ float:left; margin:11px 0 0 11px; display:inline; _margin-top:7px;}
.gg-list .num{ display:block; float:left; width:24px; height:33px; line-height:33px; text-align:center;}
.gg-list .name{ display:block; float:left; width:220px; height:33px; line-height:33px; overflow:hidden;}
.gg-list .name:hover{ text-decoration:none;}
.gg-list .menu{ display:block; width:12px; height:10px; float:right; margin:12px 15px 0 0; zoom:1; overflow:hidden; _display:inline;}
.gg-list .menu a{ display:block; width:12px; height:10px;}
.gg-list .menu-del{ background:url(../images/playerPub.png) -38px -151px no-repeat;}
.gg-list .menu-add{ background:url(../images/playerPub.png) -59px -151px no-repeat;}
.gg-list .menu-added{ background:url(../images/playerPub.png) -161px -161px no-repeat}
.gg-list  li.current{ background:#bbceff;}
.gg-list  li.current .play{ width:24px; height:24px; display:block; float:left; margin:5px 0 0 3px; background:url(../images/playerCur.gif) center center no-repeat; _display:inline;}
.gg-btn{ background:#f0f0f0;}
.gg-btn  label{display:inline-block; text-indent:-9999em; margin:7px 6px 0 0; *zoom:1; *display:inline; cursor:pointer;}
.gg-btn .celall{ height:24px; width:64px; background:url(../images/play-li-btn.png) 0 0; margin-left:12px;}
.gg-btn .collect{ width:105px; height:24px; background:url(../images/play-li-btn.png) -64px 0;}
.gg-btn .del{ width:63px; height:24px; background:url(../images/play-li-btn.png) -169px 0;}
.gg-btn .add{ width:89px; height:24px; background:url(../images/play-li-btn.png) -256px 0;}
/*¡§?¡§¡ã2¡§¡è*/
.playnewR-m{ width:300px; height:250px; background:#fff;}
/*?¡§2¡§¡§Y?¡§¡§?¡§2¡§¡éD?¨¤¡§a*/
.playnew-con{ width:670px; float:left;}
.playnew-con .tie{ width:670px; height:42px; background:url(../images/bg-tiel.png)0 0 repeat; font-size:14px;}
.playnew-con .tie h2{padding:0 18px;height:42px;line-height:42px;display:block;float:left;font-size:18px;font-weight:600;color: #fff;}
.playnew-con .tie span.refresh{ display:block; width:70px; height:40px; line-height:40px; float:left; background:url(../images/refresh-ico.png) left 17px no-repeat;}
.playnew-con .tie span.refresh a{display:block;padding-left:24px;padding-top:5px;color: #ffffff;}
.playnew-con .tie span.more{height:42px;line-height:42px;float:right;display:block;color: #ffffff;margin-right:15px;_display:inline;}
.playnew-con .con{ background:#fff; width:668px; border:1px solid #e8e8e8; border-top:0 none; font-size:14px; padding-top:8px;}
.playnew-con .con ul{ width:100%; background:url(../images/li-bg2.png)0 0 repeat;}
.playnew-con .con li{ width:48%; height:34px; line-height:34px; float:left; overflow:hidden; margin-right:2%; _display:inline;}
.playnew-con .con li .checkbox{ float:left; display:inline; margin:12px 0 0 17px; _margin-top:6px;}
.playnew-con .con li span{ width:26px; height:34px; line-height:34px; float:left; text-align:center; color:#999;}
.playnew-con .con li a{ line-height:34px;}
.playnew-con .con li img{ margin-left:2px; display:inline; margin-top:4px;}
/*¡§?¡§¡ã2¡§¡è*/
.playnew-conR{ width:300px; float:right;}
.playnew-conR .tie{ width:300px; height:42px; background:url(../images/bg-tier.png)0 0 repeat;}
.playnew-conR .tie h2{padding:0 18px;height:42px;line-height:42px;display:block;float:left;text-align:center;font-size:14px;font-weight:600;color: #fff;}
.playnew-conR .tie span{ width:52px; height:42px; line-height:42px; float:right; text-align:center; display:block;}
.playnew-conR .tie span a{color: #ffffff;}
.playnew-conR .con{ background:#fff; width:298px; border:1px solid #e8e8e8; border-top:0 none; font-size:12px; padding-top:8px;}
.playnew-conR .con ul{ width:100%; background:url(../images/li-bg2.png)0 0 repeat;}
.playnew-conR .con li{ width:100%; height:34px; line-height:34px; *vertical-align:bottom;}
.playnew-conR .con li span{ width:38px; height:34px; line-height:34px; float:left; text-align:center; color:#999;}
.playnew-conR .con li em{ float:right; height:34px; line-height:34px; margin-right:15px; color:#999; display:inline;}
.playnew-conR .con li a{ display:block; width:180px; height:34px; float:left; overflow:hidden; line-height:34px;}
.playnew-conR .con .bot{ text-align:center; padding:14px 0 14px;}
.playnew-conR.con .bot a.setPlayPlay{ display:inline-block; zoom:1; text-align:left; width:99px; height:25px; line-height:25px; margin:0 5px; text-indent:-9999em; background:url(../images/main.png) -1652px -28px;}
.playgg-conb{ min-height:60px; width:960px; background:#fff;}
/*|¨¬?¨¢2??¡§|¡§|¡§1*/
.playb-msg{ width:980px; height:138px; border:1px solid #e8e8e8; background:#fff;}
.playb-msgL{ width:113px; height:113px; padding:13px 18px 0 15px; float:left;}
.playb-msgL img{ width:113px; height:113px;}
.playb-msgR{ float:left; padding-top:9px;}
.playb-msgR li{ line-height:24px; color:#666;}
.playb-msgR li i{ font-style:normal;}
.orage{ color:#ff6600;}
/*?¡§¡§??¡§o*/
.lrcBox{ width:347px; height:382px;background:#fff;}
#lyric{ width:307px; margin:0 auto; padding:20px 0 20px;}
#lyric p {height:24px; line-height:24px; overflow:hidden;text-align:center; font-size:12px;}
#lyric p a,#lyric p a:hover{ color:#636462; text-decoration:none;}
#lyric #LR8{ line-height:30px; height:30px;}
#lyric #LR8 a,#lyric #LR8 a:hover{ color:#ff6a6a; font-size:16px; line-height:30px;}
#lyric #LR2 a,#lyric #LR15 a{ color:#b1b2ae;}