@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body{ font:12px/1.5 \5b8b\4f53, Arial, Verdana; color:#333; background:#fff;}
ul{ list-style:none;}
button{ border:0 none; padding:0; cursor:pointer; outline:0}
img{ border:0;}
a{ text-decoration:none; color:#000; outline:0}
.wrap{ width:960px; margin:0 auto;}
.clear {clear:both;}
.clear_fix {zoom:1;}
.clear_fix:after {display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}
.fl{ float:left}
.fr{ float:right}
.red{ color:#c20101!important}

.left{ text-align:left;}

/*navigator*/
.nvg{ margin:30px 0 20px 0; text-align:center; color:#424242; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.nvg .current{ font-weight:bold; font-style:italic; border-bottom:1px solid #c5c5c5; margin:0 8px;}
.nvg .btnPage{ font-style:normal; font-family:\5b8b\4f53, Arial, Verdana; font-size:12px}
.nvg .btnPage:hover{font-weight:normal}
.nvg a{ font-style:italic; font-size:14px; padding:0 5px; color:#424242; border-bottom:1px solid #fffafa; margin:0 3px}
.nvg a:hover,.nvg a.hover{ /*border-bottom:1px solid #c5c5c5; */color:#000; font-weight:bold}
.nvg a.pre{ font-style:normal; font-size:12px; color:#424242; margin-right:30px; background:url(../images/other.png) no-repeat -302px -67px; padding-left:10px;}
.nvg a.next{ font-style:normal; font-size:12px; color:#424242; margin-left:30px; background:url(../images/other.png) no-repeat -276px -45px; padding-right:12px;}
.nvg a.pre:hover,.nvg a.next:hover{ border-bottom:1px solid #fffafa; font-weight:normal; position:static}

/*header*/
#header{ height:110px; background:url(../images/other.png) no-repeat 0 -264px; position:relative; width:960px; margin:0 auto}
#header a:hover{ text-decoration:underline}
#header .link{ width:163px; height:46px; position:absolute; text-indent:-9999px; left:8px; top:55px;}
#header .login{ position:absolute; right:0; top:20px; background:url(../images/other.png) no-repeat -300px -72px; padding-right:20px;}
#header .login a{ color:#888;}
#header .download{ position:absolute; right:3px; bottom:0; color:#45beee}
#header .download a{ color:#45beee; display:inline-block; padding-left:23px;}
#header .download a.game{ background:url(../images/other.png) no-repeat -132px 0}
#header .download a.clinet{ background:url(../images/other.png) no-repeat -218px 0; padding-left:16px}
/*nav*/
#nav{ font-family:Microsoft YaHei; background:url(../images/bg.png) repeat-x; height:35px; width:960px; margin:15px auto 0}
#nav li{ float:left;}
#nav ul{ float:left; height:35px;}
#nav .n1 a{ color:#fff; font-size:14px; height:35px; line-height:35px; width:107px; text-align:center; display:block;}
#nav .hover a,#nav .n1 a:hover{ background:#80dbff}
#nav .hover{ position:relative}
#nav .hover span{ border-style:dashed dashed solid dashed; border-color:transparent transparent #fff transparent; border-width:5px; position:absolute; bottom:-1px; left:50%; margin-left:-5px; font-size:0; line-height:0}
#nav .line{ float:left; width:12px; height:35px; background:url(../images/other.png) no-repeat -172px -159px; margin:0 15px; display:inline}
#nav .n2 a{ font-size:12px; height:35px; color:#fff; line-height:35px; margin-left:30px; display:inline}
#nav .n2 a:hover{ text-decoration:underline}
/*music_lib_nav*/
#music_lib_nav ul{ border-bottom:1px solid #dcdcdc; height:35px; padding-left:20px;}
#music_lib_nav li{ float:left; position:relative; margin-right:10px; zoom:1;}
#music_lib_nav li .new_tips{ position:absolute; left:50px; top:2px; width:0; height:12px; padding-left:32px; overflow:hidden; background:url(../images/new_tips.png) no-repeat;}

#music_lib_nav a{ display:block; height:35px; line-height:35px; text-align:center; width:66px; color:#5e5e5e}
#music_lib_nav .hover a,#music_lib_nav a:hover{ color:#6fcef4; font-weight:bold; text-decoration:none;}
#music_lib_nav .hover span{ height:3px; font-size:0; line-height:0; background:#6fcef4; width:66px; position:absolute; bottom:-1px; _bottom:-2px;left:0px;}
#music_lib_nav .w_124{width: 124px;}
#music_lib_nav .hover .w_124{width: 131px;}
#music_lib_nav a em{font-style: normal;font-size: 12px;-webkit-text-size-adjust: none;font-style: normal;}
/*footer*/
#footer{ clear:both; margin:0 auto 0; width:960px; padding:80px 0 10px; color:#b2b2b2; position:relative;}
#footer p{ padding:0 15px}
#footer .line{border-top:1px solid #c2c2c2; margin-top:10px; height:10px; line-height:0; font-size:0}
#footer .nav{ color:#9b9b9b; padding-top:8px; }
#footer .nav a{ color:#878787; font-size:14px; display:inline-block; margin-bottom:5px}
#footer .link{ width:153px; height:43px; background:url(../images/other.png) no-repeat -200px -538px; position:absolute; text-indent:-9999px; bottom:5px; right:15px}

/*index*/
.banner{ margin-top:12px; height:325px;}
#focus{ width:694px; height:323px; border:1px solid #7a7a7a; margin-right:7px; overflow:hidden; position:relative}
#focus a{ position:relative; zoom:1;}
#focus p{ position:absolute; height:38px; line-height:38px; padding-left:15px; bottom:0; _bottom:-2px; left:0; color:#fff; font-size:13px; font-weight:bold}
#focus p span{float:left;}
#focus p .play{ background:url(../images/banner_play.png) no-repeat;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner_play.png', sizingMethod='crop'); width:33px; height:34px; margin-left:10px; display:inline; margin-top:2px; cursor:pointer;}
#focus s{ position:absolute; height:38px; line-height:38px; width:100%; bottom:0; _bottom:-2px; left:0;filter:Alpha(Opacity=70); Opacity:0.7; background:#000;}
#ctr { position:absolute; bottom:10px; _bottom:8px; right:7px; z-index:2; color:#fff;font-family:Arial, Helvetica, sans-serif; font-size:10px}
#ctr span{ background:url(../images/doc.png) no-repeat; _background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/doc.png', sizingMethod='crop'); text-align:center; line-height:21px; width:21px; height:21px; float:left; margin-right:5px; font-weight:bold; cursor:pointer}
#ctr span.current{ background:url(../images/doc_hover.png) no-repeat;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/doc_hover.png', sizingMethod='crop'); color:#40403e}
.banner .fm{border:1px solid #7a7a7a; width:255px; height:142px; overflow:hidden}
.banner .fm1{ margin:4px 0 3px}
.banner h2{ height:30px; line-height:30px; background:#deb200; color:#fff; font-size:12px; width:245px; padding-left:12px}

/**/
.album,.song,.mv,.special{ color:#8e8e8e; margin-top:5px; position:relative}
.song{ margin-top:15px; width:696px; margin-right:7px;}
.album .head,.song .head,.mv .head,.special .head{ border-bottom:1px solid #bdbdbd; padding-bottom:3px; margin-bottom:7px;height:21px}
.album strong,.song strong,.mv strong,.special strong{ font-size:14px; color:#000; display:inline-block; margin-right:30px; margin-left:5px; font-family:Arial, Helvetica, sans-serif;}
.album strong a,.song strong a,.mv strong a,.special strong a{ color:#878787}
.album .head span,.song .head span,.mv .head span,.special .head span{ display:inline-block;  width:39px; height:19px; text-align:center; line-height:19px; margin-right:6px; cursor:pointer; position:relative; bottom:1px;}

/*goodsong*/
.gs .l,.album .l,.brk .l,.sng .l{ float:left; width:160px; margin-top:8px; font-family:Microsoft YaHei}
.gs .r,.album .r,.brk .r,.sng .r{ float:left; width:784px; margin-top:8px; border-left:1px solid #dcdcdc; padding:5px 0 0 15px}

.gs .l li{vertical-align:bottom; position:relative}
.gs .l .all{ margin:5px 0 15px}
/*all <a>*/
.gs .l a.current,.album .l dt a.current,.brk li a.hover,.sng .l a.hover{ background:#85d2f2!important; color:#fff;}
.gs .l a,.album .l dt a{ display:block; padding-left:29px; width:100px; height:30px; line-height:30px; color:#464646}
.gs .l a:hover,.album .l dt a:hover,.brk .l li a:hover,.brk .l h2 a:hover,.sng .l a:hover{ background-color:#c4e6f5}
.gs .l li s,.album .l dt s,.sng .l s{display:none; position:absolute;border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #85d2f2; border-width:5px; left:129px; top:14px; margin-top:-5px; font-size:0; line-height:0}
.gs .l a.current s,.album .l dt a.current s,.sng .l a.hover s{display:block}

.gs .btn{ margin-bottom:14px;}
.gs .btn a{ display:inline-block; background:#fe8e00; width:68px; height:27px; line-height:27px; text-align:center; color:#fff;}
.gs .t{ border-bottom:1px solid #e6e6e6; padding-bottom:8px}
.gs .t a{background:#ffc573;}
.gs .btn a.playall{ margin-left:10px; text-align:left; padding-left:35px; background:#7cdaff; width:65px; background:url(../images/other.png) no-repeat -20px -40px}
.gs .r ul{ height:350px; border-bottom:1px solid #e6e6e6; margin-bottom:15px;}
.gs .r li{ width:190px; float:left; margin-right:6px; margin-bottom:3px; height:25px; overflow:hidden; position:relative; display:inline}
.gs .r li a{ color:#3d3d3d; cursor:default; display:block; height:25px; line-height:25px; padding-left:5px;}
.gs .r li a:hover,.alm2 .list1 li a:hover,.brk .r li a:hover,.sng_ins_1 .sng_song li a:hover{ background:#daf1fb;}
.gs .r a span{ cursor:pointer; float:left; height:18px; overflow:hidden; width:160px; white-space:nowrap; text-overflow:ellipsis; height:25px}
.gs .r a:hover span{ width:160px}
.gs .r a .listen{ background:url(../images/other.png) no-repeat -60px 0; width:19px; height:19px; margin-top:2px; float:right; margin-right:3px; cursor:pointer;display:none}
.gs .r a:hover .listen{background-position:-60px -20px; display:block; width:19px;}

/*album*/
.album .r{ position:relative; padding-left:19px; width:780px;}
.album .l strong{ color:#2a2a2a; display:block;color:#a0a0a0; margin-top:10px; padding-left:18px}
.album .l dl{ color:#303030; margin-bottom:27px;padding-top:10px; color:#464646}
.album .l dt{position:relative}
.album .head{ border-bottom:1px solid #d4d4d4; padding-bottom:3px; margin-bottom:7px}
.album .r strong{ font-size:14px; color:#545454; display:inline-block; margin-right:30px}
.album .sort{ position:absolute; right:0; top:6px; border-left:5px solid #d8d8d8; padding-left:8px; height:18px}
.album .sort select{ margin-left:10px; font-size:12px;}

.album #ulAlbums{ height:700px; padding-top:10px;}
.album #ulAlbums li{ width:390px; float:left; margin-bottom:16px; position:relative; border-bottom:1px solid #dcdcdc}
.album .pic,.alm2 .list2 .pic,sng_man,.sng_album1 .pic{ display:block; float:left; width:110px; margin-right:12px; display:inline; height:119px; background:url(../images/other.png) no-repeat -119px -407px; padding:4px 0 0 4px}
.album .pic:hover,.alm2 .list2 .pic:hover,sng_man,.sng_album1 .pic:hover{background-position:-2px -408px;}
.album #ulAlbums li strong{ font-size:14px; color:#323232; font-weight:normal; margin:0; display:block; width:250px; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:5px 0 7px 0}
.album #ulAlbums li p{ color:#999; line-height:22px}
.album #ulAlbums li p span{ background:url(../images/other.png) no-repeat -190px -174px; color:#323232; display:inline-block; padding-right:15px; cursor:pointer}
.album #ulAlbums li p span.up{ background-position:-190px -155px}

.album .pic:hover i,.sng_ins_1 .pic:hover i{ display:block; background:url(../images/play.png) no-repeat; left:70px; top:70px;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/musicLibrary/webside/musiclibraryWeb/app/view/images/play.png', sizingMethod='crop');}
.album .pic i,.sng_ins_1 .pic i{ display:none; position:absolute; width:33px; height:34px;  cursor:pointer; z-index:2}
.album .pic:hover i.hover,.sng_ins_1 .pic:hover i.hover{background:url(../images/play_hover.png) no-repeat;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/musicLibrary/webside/musiclibraryWeb/app/view/images/play_hover.png', sizingMethod='crop');}
 .album .r .pic b,.sng_ins_1 .pic b{ position:absolute; width:100px; height:100px; background:#000; left:4px; filter:Alpha(Opacity=0); Opacity:0; display:none; top:4px}
.album .r .pic:hover b,.sng_ins_1 .pic:hover b{ filter:Alpha(Opacity=40); Opacity:0.4; display:block;}

#album_box{ width:245px; border:1px solid #d8d8d8; background:#f8f8f8; position:absolute; z-index:2; display:none; padding:5px;}
#album_box s{ width:9px; height:6px; line-height:0; font-size:0; background:url(../images/other.png) no-repeat -297px -75px; position:absolute; top:-6px; left:30px;}
#album_box h3{ color:#303030; font-size:12px;}
#album_box .close{ position:absolute; background:url(../images/other.png) no-repeat -207px -121px; right:5px; top:8px; width:14px; height:11px; line-height:0; font-size:0; text-indent:-9999px; cursor:pointer}
#album_box ul{ padding:3px 0 0 0}
#album_box li{ height:25px; overflow:hidden;}
#album_box li a{ color:#666; cursor:default; display:block; height:25px; line-height:25px;}
#album_box li a:hover{ background:#daf1fb;}
#album_box a span{ cursor:pointer; float:left; height:18px; overflow:hidden; width:160px; white-space:nowrap; text-overflow:ellipsis; height:25px}
#album_box .listen{ background:url(../images/other.png) no-repeat -351px -118px; width:19px; height:19px; margin-top:2px; float:right; margin-right:3px; cursor:pointer;}
#album_box a:hover .listen,.alm2 .list1 li a:hover .listen{ background-position:-20px -21px; _background-position:-17px -21px; display:block; width:19px;}
#album_box .playall{ margin-left:10px; padding-left:35px; background:#7cdaff; width:65px; background:url(../images/other.png) no-repeat -20px -40px; height:27px; line-height:27px; color:#fff; display:block; margin:8px auto 5px}
#album_box .playall:hover{ background:#3db9ec; width:65px; background:url(../images/other.png) no-repeat -247px -40px; }
#album_box .box_nvg{ text-align:center;}
#album_box .box_nvg span{ display:inline-block; background:url(../images/other.png) no-repeat -319px -122px; width:13px; height:13px; line-height:12px; font-size:12px; color:#585858; margin-right:3px; cursor:pointer}
#album_box .box_nvg span.current{ background-position:-294px -122px; color:#fff;}

/*special*/
.spe #ulAlbums{ height:auto;}
.spe #ulAlbums li{ width:100%; float:none; height:123px }
.spe .r .detail{ float:left; width:650px}
.spe .top{ height:25px}
.spe .top,.spe .r strong span{ color:#959595; font-weight:normal; font-style:normal;}
.spe .r li em{ float:right; font-style:normal; padding-left:5px; height:20px; overflow:hidden; padding-top:5px}
.spe .r li strong{ color:#383838; width:550px!important; overflow:hidden; font-size:14px; height:18px; display:inline-block; float:left; font-variant:normal; white-space:nowrap; }
.spe .r li .text{ color:#999; margin:5px 0 6px; height:40px; overflow:hidden; _margin-top:0px; clear:both; line-height:22px;}
.spe .playall,.alm2 .playall,.brk .r .playall,.sng_song .playall{ margin-left:10px; padding-left:35px; background:#7cdaff; width:65px; background:url(../images/other.png) no-repeat -20px -40px; height:27px; line-height:27px; color:#fff; display:block; margin:8px 0 5px}
.spe .playall:hover,.alm2 .playall:hover,.brk .r .playall:hover,.sng_song .playall:hover{ background:#3db9ec; width:65px; background:url(../images/other.png) no-repeat -247px -40px; }

/*album2*/
.alm2 .l{ float:left; width:180px;}
.alm2 .r{ float:left; width:764px; border-left:1px solid #dcdcdc; padding:10px 0 0 15px}
.alm2 .mbx{color:#ada8a8; margin:15px 0}
.alm2 .mbx a,.alm2 .mbx span{ color:#3d3d3d}
.alm2 .list1 strong{ color:#323232; font-size:14px;}
.alm2 .list1 h4{ font-size:12px; color:#1b1b1b; border-bottom:1px solid #d4d4d4; margin:15px 0 10px; font-weight:normal; position:relative; padding:0 8px 5px;}
h4.dq input,.brk .btn input{ width:13px; height:15px; margin:0 10px 0 0; position:relative; top:3px; *top:-1px}
.alm2 .r .playall,.brk .r .playall,.sng_song .playall{ position:absolute; right:2px; top:-15px; *top:-20px;}
.alm2 .list1 li,.brk .r li{ float:none; width:auto; height:25px; margin:0 0 5px 0; line-height:25px; vertical-align:bottom}
.alm2 .list1 li input,.brk .r li input{ float:left; width:13px; height:15px; margin-right:15px; margin-top:4px}
.alm2 .list1 .text,.brk .r .text{ float:left; width:220px;height:20px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.alm2 .list1 .text i,.brk .r .text s{ font-style:normal; cursor:pointer; text-decoration:none}
.alm2 .list1 .listen,.brk .r .listen,.sng_ins_1 .listen{ background:url(../images/other.png) no-repeat -19px 0; width:19px; height:19px; margin-top:2px; float:right; cursor:pointer; line-height:0; font-size:0; }
.alm2 .list1 li a,.brk .r li a{ display:block; zoom:1; height:25px; cursor:default; padding-left:8px;}
.alm2 .list1 li a:hover .listen,.brk .r li a:hover .listen,.sng_ins_1 a:hover .listen{ background-position:-59px -20px;}
.alm2 .list2 strong{ padding-bottom:4px; border-bottom:1px solid #e6e6e6; color:#323232; font-size:14px; display:block}
.alm2 .nvg{ border-top:1px solid #e6e6e6; margin:10px 0 35px; padding-top:12px;}
.alm2 .list2 ul{ padding-top:15px;}
.alm2 .list2 li{ width:112px; float:left; margin:0 36px 0 10px; display:inline}
.alm2 .list2 .pic{ margin-right:0}
.alm2 .list2 li.last{ margin-right:0}
.alm2 .list2 li p{ text-align:left; width:100px; height:18px; overflow:hidden; padding-left:5px; color:#1b1b1b; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}

.alm2 .l .pic{ background:url(../images/other.png) no-repeat -1px -750px; width:170px; height:170px; margin-left:-5px;}
.alm2 .l .pic img{ margin:4px 0 0 5px; }
.alm2 .l .playall{ margin-top:0; margin-bottom:10px}
.alm2 .l .detail span,.alm2 .l .intro span{ color:#7d7d7d}
.alm2 .l .detail,.alm2 .l .intro{ color:#323232; width:160px; line-height:23px; text-align:justify}
.alm2 .l .intro{ margin:10px 0 }

/*musicrank*/
.brk{ position:relative;}
.brk .l strong{ padding-left:0}
.brk .l .brank2,.brk .l .brank1{ margin:16px 25px 40px 6px;}
.brk .l .brank2{ margin-bottom:50px;}
.brk .l .brank1 li,.brk .l .brank2 li{ vertical-align:bottom; margin-bottom:5px; position:relative}
.brk .l .brank1 a,.brk .l .brank2 a{ width:auto; display:block; height:30px; width:116px; line-height:30px; padding-left:5px;}
.brk .l .brank1 s,.brk .l .brank2 s{display:none; position:absolute;border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #85d2f2; border-width:5px; left:121px; top:13px; margin-top:-5px; font-size:0; line-height:0}
.brk .l .brank1 .hover s,.brk .l .brank2 .hover s{display:block}
.brk .l .brank1 span,.brk .l .brank2 span{float:left;width:16px; height:16px; margin:8px 10px 0 5px; line-height:0; font-size:0}

.brk .l .br1{background:url(../images/other.png) no-repeat -181px -768px;}
.brk .l a.hover .br1{background-position:-217px -768px!important}
.brk .l a:hover .br1{background-position:-252px -768px}

.brk .l .br2{background:url(../images/other.png) no-repeat -180px -974px;}
.brk .l a.hover .br2{background-position:-217px -974px!important}
.brk .l a:hover .br2{background-position:-251px -974px}

.brk .l .br3{background:url(../images/other.png) no-repeat -180px -928px;}
.brk .l a.hover .br3{background-position:-217px -928px!important}
.brk .l a:hover .br3{background-position:-251px -928px}

.brk .l .br4{background:url(../images/other.png) no-repeat -181px -748px;}
.brk .l a.hover .br4{background-position:-217px -748px!important}
.brk .l a:hover .br4{background-position:-252px -748px}

.brk .l .br5{background:url(../images/other.png) no-repeat -181px -794px;}
.brk .l a.hover .br5{background-position:-217px -794px!important}
.brk .l a:hover .br5{background-position:-252px -794px}

.brk .l .br6{background:url(../images/other.png) no-repeat -180px -952px;}
.brk .l a.hover .br6{background-position:-217px -952px!important}
.brk .l a:hover .br6{background-position:-251px -952px}

.brk .l .br7{background:url(../images/other.png) no-repeat -181px -881px;}
.brk .l a.hover .br7{background-position:-217px -881px!important}
.brk .l a:hover .br7{background-position:-252px -881px}

.brk .l .br8{background:url(../images/other.png) no-repeat -181px -814px;}
.brk .l a.hover .br8{background-position:-217px -814px!important}
.brk .l a:hover .br8{background-position:-252px -814px}

.brk .l .br9{background:url(../images/other.png) no-repeat -181px -860px;}
.brk .l a.hover .br9{background-position:-217px -860px!important}
.brk .l a:hover .br9{background-position:-252px -860px}

.brk .l .br10{background:url(../images/other.png) no-repeat -181px -907px;}
.brk .l a.hover .br10{background-position:-217px -907px!important}
.brk .l a:hover .br10{background-position:-252px -907px}

.brk .l .br11{background:url(../images/other.png) no-repeat -181px -836px;}
.brk .l a.hover .br11{background-position:-217px -836px!important}
.brk .l a:hover .br11{background-position:-252px -836px}

.brk .l .br12{ background:url(../images/other.png) no-repeat -372px -747px;}
.brk .l a.hover .br12{background-position:-395px -747px!important}
.brk .l a:hover .br12{background-position:-418px -747px}

.brk .l .br20{ background:url(../images/other.png) no-repeat -372px -794px;}
.brk .l a.hover .br20{background-position:-395px -794px!important}
.brk .l a:hover .br20{background-position:-418px -794px}

.brk .l .br13{ background:url(../images/other.png) no-repeat -373px -1010px;}
.brk .l a.hover .br13{background-position:-396px -1010px!important}
.brk .l a:hover .br13{background-position:-419px -1010px}

.brk .l .br14{ background:url(../images/other.png) no-repeat -372px -841px;}
.brk .l a.hover .br14{background-position:-395px -841px!important}
.brk .l a:hover .br14{background-position:-418px -841px}

.brk .l .br15{ margin-top:7px; background:url(../images/other.png) no-repeat -372px -889px;}
.brk .l a.hover .br15{background-position:-395px -889px!important}
.brk .l a:hover .br15{background-position:-418px -889px}

.brk .l .br16{ margin-top:6px; background:url(../images/other.png) no-repeat -372px -937px;}
.brk .l a.hover .br16{background-position:-395px -937px!important}
.brk .l a:hover .br16{background-position:-418px -937px}

.brk .l .br17{ margin-top:6px; background:url(../images/other.png) no-repeat -373px -978px;}
.brk .l a.hover .br17{background-position:-396px -978px!important}
.brk .l a:hover .br17{background-position:-419px -978px}

.brk .l .br18{background:url(../images/other.png) no-repeat -372px -664px; padding-right:0}
.brk .l .rk_hover .br18{background-position:-395px -664px!important}
.brk .l a:hover .br18{background-position:-418px -664px}

.brk .l .br19{ margin-top:7px; background:url(../images/other.png) no-repeat -372px -701px; padding-right:0}
.brk .l .rk_hover .br19{background-position:-395px -701px!important}
.brk .l a:hover .br19{background-position:-418px -701px}

.brk h2{ font-size:12px; font-weight:normal; color:#555; margin:0 0 15px 0; height:30px;position:relative;}
.brk .l h2 a{ width:auto; display:block; height:30px; width:116px; line-height:30px; padding-left:5px}
.brk h2 span{float:left;width:16px; height:16px; margin:8px 10px 0 5px; line-height:0; font-size:0; display:inline-block}
.brk .l h2 i{ position:absolute; top:10px; margin-left:8px; width:9px; height:10px; line-height:0; font-size:0; background:url(../images/other.png) no-repeat -439px -691px}
.brk .l h2 a:hover i{background-position:-439px -678px}
.brk .rk_hover i{background-position:-439px -662px!important}

.brk .brank3{border:1px solid #978f8f; position:absolute; top:520px; left:140px; background:#fff; z-index:100; width:374px; display:none}
.brk .brank3 ul{ float:left; width:110px; padding:18px 10px 23px 4px; border-right:1px solid #c8c8c8}
.brk .brank3 ul.last{ border:0 none}
.brk .brank3 a{ display:block; width:auto; padding:0 10px; zoom:1; height:18px; width:90px; overflow:hidden; margin:0; line-height:18px}
.brk .brank3 li{ margin-bottom:3px; vertical-align:bottom; zoom:1}
.brk .brank3 div{ position:absolute; width:14px; height:11px; top:325px; left:-12px; background:url(../images/other.png) no-repeat -436px -706px; font-size:0}
.brk .rk_hover a{ background:#85D2F2!important; color:#fff}

.brk .r,.brk .r a{ color:#5a5a5a}
.brk .title{background:#333; width:419px; height:68px; border:1px solid #9bc9db; line-height:68px; position:relative; overflow:hidden; float:left; margin-right:7px;}
.brk #due_div{ float:left; width:350px; border:1px solid #b0b0b0; height:68px; overflow:hidden; position:relative}
.brk #dtl{ width:36px; height:68px; position:absolute; left:403px; top:6px; cursor:pointer; background:url(../images/det.png) no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/det.png', sizingMethod='crop');}
.brk .title p{ font-size:24px; font-style:italic; font-family:Microsoft YaHei; color:#090909;  text-align:right; top:0; right:55px; position:absolute}
.brk #text{ display:none; position:absolute; left:120px; top:77px;line-height:20px; z-index:10}
.brk .btn{ border-bottom:1px solid #e0e0e0; border-top:0 none;padding:5px 0 5px 8px; margin-top:20px; position:relative; clear:both}

.brk .bordr_top,.sng_ins_1 .bordr_top{ background:url(../images/rank_top.png) no-repeat; width:690px; height:14px; line-height:0; font-size:0;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rank_top.png', sizingMethod='crop');}
 .brk .bordr_cen,.sng_ins_1 .bordr_cen{ background:url(../images/rank_cen.png) no-repeat; _background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rank_cen.png', sizingMethod='crop'); padding:10px 15px; width:660px; zoom:1}
 .brk .bordr_cen,.sng_ins_1 .bordr_cen1{ background:url(../images/rank_cen.png) repeat-y; _background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rank_cen.png', sizingMethod='crop'); padding:10px 15px; width:660px; zoom:1}
 .brk .bordr_btm,.sng_ins_1 .bordr_btm{ background:url(../images/rank_btm.png) no-repeat; width:690px; height:11px; line-height:0; font-size:0;_background:none;
 _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rank_btm.png', sizingMethod='crop');}
 
.brk .year{float:left; height:100%; border-right:1px dashed #ccc; padding:8px 10px 0 15px; margin-right:12px; background:#f4f4f4; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.brk .year s{ font-family:\5b8b\4f53, Arial, Verdana; font-size:10px; text-decoration:none; display:none;}
.brk .year a{ display:block; padding:3px 10px; color:#3d3d3d; margin-bottom:5px;}
.brk .year a.current s{ display:inline}
.brk #due_div .list{ padding-top:8px;}
.brk #due_div .list a{display:inline-block; padding:3px 10px; margin-right:5px; margin-bottom:6px; position:relative}
.brk #due_div .list a:hover,.brk .year a:hover{background:#c4e6f5}
.brk #due_div .list a.hover,.brk .year a.current{background:#85D2F2!important; color:#fff}

.brk .r ul{ padding:15px 0 0 0;}
.brk .r li{ margin-bottom:10px}

/*360*/
.brk_360 .logo{ display:block; width:173px;height:60px; background:url(../images/other-360.png) 0 -319px; text-indent:-9999px;}
.brk_360{ width:800px; margin:0 auto}
.brk_360 .r{ width:624px;}
.brk_360 .title{ width:auto; float:none; margin-right:0; background-color:#f2f7f7}
.brk .download{ background:url(../images/other.png) no-repeat -112px 0; width:17px; height:19px; margin-top:2px; float:right; margin-left:15px; margin-right:5px; cursor:pointer; display:inline}
.brk li a:hover .download{background-position:-96px -20px; display:block}
.brk_360 .r .playall{ background-image:url("../images/other-360.png"); font-size:13px; line-height:29px;}
.brk_360 .r .playall:hover{ background-image:url("../images/other-360.png")}
.brk .title p{ color:#666; top:0; right:0; position:absolute; width:183px; height:48px; font-size:12px; font-style:normal;; font-family:\5b8b\4f53, Arial, Verdana; text-align:left; padding:8px 10px; line-height:18px; overflow:hidden}
.brk_360 .l .brank1{ margin-top:5px}

/*singer*/
.sng .r{ height:571px; position:relative}
.sng .l strong,.sng .l ul{ color:#2a2a2a}
.sng .l ul b{ display:inline-block; /*padding-bottom:5px;*/ padding-left:5px; color:#2a2a2a }
.sng .l strong a,.sng .l ul b{font-weight:normal; color:#464646}
.sng .l ul b{ font-weight:bold; padding-bottom:5px;}
.sng .l a{ padding:0 0 0 29px; width:100px; display:inline-block; color:#464646; height:30px; line-height:30px;}
.sng .l li{position:relative; margin-bottom:5px;}

.sng li.all{margin-bottom:15px}
.sng li.oth{margin-top:25px}
.sng1{ margin-top:10px}
.sng1,.sng2,.sng3{ margin-bottom:18px}

.sng .top{border-bottom:1px solid #d4d4d4; padding:0 0 10px; margin-bottom:18px;}
.sng .num{  color:#303030;  font-family:Arial; float:left}
.sng .num a{ display:inline-block; padding:0 4px; color:#303030}
.sng .num a:hover,.sng .num a.hover{ background:#85d4f3; color:#fff}
.sng a.hot{ margin-right:8px; font-family:\5b8b\4f53, Arial; padding:0 6px}
.sng .qt{ margin-left:5px; font-family:\5b8b\4f53, Arial}

.sng .search{ float:left; display:inline; margin-left:35px;}
.sng .search input{ width:232px; background:#e6e6e6; border:0 none; height:20px; line-height:20px; margin-right:5px;}
.sng .search button{ background:url(../images/other.png) no-repeat -397px -205px; width:15px; height:20px; text-indent:-9999px;}

.sng .r li,.sng_ins_1 .sng_album li,.sng_ins_1 .other_singer li{ width:77px; margin-right:19px; float:left; position:relative; margin:5px 2px 5px 0}
.sng .r li { margin:0 11px 17px 0}
.sng .r li.last{ margin-right:0}
.sng .r .pic,.sng_ins_1 .sng_album .pic,.sng_ins_1 .sng_man .pic,.sng_ins_1 .other_singer .pic{ display:block; height:80px; background:url(../images/other.png) no-repeat -82px -152px; padding:3px 0 0 4px}
.sng .r .pic i,.sng_ins_1 .other_singer i{ font-family:Verdana, Geneva, sans-serif; display:block; font-size:16px; color:#fff; position:absolute; top:47px; width:63px; left:4px; padding-left:5px; background:-moz-linear-gradient(left center , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType='1',enabled='true',startColorstr='#66000000',endColorstr='#00FFFFFF'); height:22px; right:0; top:49px}
.sng .r li strong,.sng_ins_1 .other_singer strong{ width:70px;color:#212121; font-size:12px;font-weight:normal; margin:0; display:block; padding-left:2px; height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.sng .r .pic:hover,.sng_ins_1 .sng_album .pic:hover,.sng_ins_1 .sng_man .pic:hover,.sng_ins_1 .other_singer .pic:hover{ background-position:-3px -153px}
.sng .r .pic:hover i,.sng_ins_1 .other_singer .pic:hover i{ background:none; _filter:none; top:48px;background:-moz-linear-gradient(left center , rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType='1',enabled='true',startColorstr='#66000000',endColorstr='#00FFFFFF'); left:2px; }
.sng .r li i,.sng_ins_1 .other_singer i{ font:italic bold 16px/18px Verdana}
.sng .r li em,.sng_ins_1 .other_singer em{ font-size:12px; }

.sng .nvg{ margin:10px 0 0 0; position:absolute; top:535px; width:100%}
.sng #list1{ clear:both}
.sng #list_head{ margin-bottom:20px;}
.sng .list1{ float:left; margin-bottom:20px}
.sng .list1 li{ display:block; width:auto; height:23px; line-height:23px; padding-left:5px; vertical-align:bottom;  width:183px;  margin:0 8px 0 0; float:none; zoom:1}
.sng .list1 li *{ float:left}
.sng .ran{margin-right:10px}
.sng .normal{ background:url(../images/other.png) no-repeat -404px 2px; width:10px; height:20px;}
.sng .odd .normal{ background:url(../images/other.png) no-repeat -363px -205px; width:10px; height:20px;}
.sng .list1 li.odd{ background:#e7e7e7}
.sng .text{ margin-left:10px; display:inline}
.sng .up{  background:url(../images/other.png) no-repeat -374px 2px; width:10px; height:20px;}
.sng .odd .up{ background:url(../images/other.png) no-repeat -333px -205px; width:10px; height:20px;}
.sng .down{ background:url(../images/other.png) no-repeat -390px 3px; width:10px; height:20px;}
.sng .odd .down{ background:url(../images/other.png) no-repeat -349px -205px; width:10px; height:20px;}

/*singercontent*/
/*sng_ins_1*/
.sng_ins_1{ position:relative}
.sng_ins_1 #text{ display:none; position:absolute; left:60px; top:170px;line-height:20px; z-index:10}
.sng_ins_1 .top{ height:142px; border:1px solid #adadad; width:743px; float:left; margin-right:10px; display:inline; }
.sng_ins_1 .other_singer{ float:left; width:205px;border-bottom:5px solid #b8b8b8; height:138px; position:relative}
.sng_ins_1 .other_singer h5{ background:#b8b8b8; padding:0 0 0 10px; line-height:26px; height:26px; font-size:12px; color:#fff}
.sng_ins_1 .other_singer li.f{ padding:0 15px 0 8px; display:inline; border-right:1px solid #b8b8b8; }
.sng_ins_1 .other_singer li.s{ padding:0 8px 0 15px; display:inline;}
.sng_ins_1 .other_singer li strong{ padding-left:7px; width:65px;}
.sng_ins_1 .other_singer .f i,.sng_ins_1 .other_singer .f a:hover i{ left:12px;}
.sng_ins_1 .other_singer .s i,.sng_ins_1 .other_singer .s a:hover i{ left:19px;}
.sng_ins_1 .top img{ vertical-align:bottom; float:left;}
.sng_ins_1 .intro{ float:left; height:132px; width:586px; padding:10px 0 0 30px; overflow:hidden; background:url(../images/bg.png) repeat-x 0 -36px; color:#464646}
.sng_ins_1 .intro div{color:#393939; font-size:16px;}
.sng_ins_1 .intro div strong{ float:left; width:240px; height:24px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.sng_ins_1 .intro span{display:inline-block; background:url(../images/other.png) no-repeat -372px -416px; width:17px; height:16px; font-size:0; margin:0 0 0 2px; position:relative; top:2px}
.sng_ins_1 .intro div strong a:hover{color:#36b5e7; text-decoration:underline;}
.sng_ins_1 .intro div strong a:hover span{background-position:-372px -434px;}
.sng_ins_1 .intro a.search_song{float:left; font-size:12px; color:#fff; background:url(../images/other.png) no-repeat -172px -199px; width:90px; height:30px; line-height:30px; padding-left:32px; margin-left:10px; display:inline}
.sng_ins_1 .intro a.create{float:left; font-size:12px; color:#fff; background:url(../images/other.png) no-repeat -199px -374px; width:77px; height:25px; padding-left:19px; line-height:25px;}
.sng_ins_1 .intro a.create:hover{ color:#414141; background-position:-305px -374px}
.sng_ins_1 .zan{ background:url(../images/zan.png) no-repeat; width:32px; height:20px; display:inline-block; margin:0 10px 0 5px; position:relative; top:3px; *top:-1px; _top:3px; cursor:pointer}
.sng_ins_1 .intro em{ color:#373737; font-size:12px; float:right; padding-right:32px; margin-top:7px; font-style:normal;text-decoration:underline; background:url(../images/other.png) no-repeat -262px -499px; cursor:pointer}
.sng_ins_1 .intro p{text-align:justify; line-height:18px; padding-top:15px; padding-right:15px; height:55px; overflow:hidden; text-overflow:ellipsis;}
.sng_ins_1 .tab{ padding:30px 0 4px 0; border-bottom:2px solid #c2c2c2; position:relative; height:19px;}
.sng_ins_1 .tab li{ float:left; width:60px; margin-right:30px; color:#5e5e5e; text-align:center; cursor:pointer; height:19px; position:relative}
.sng_ins_1 .tab li.current{ font-weight:bold; color:#6FCEF4!important; }
.sng_ins_1 .tab li.in{color:#333; background:url(../images/other.png) no-repeat -362px -609px;}
.sng_ins_1 li.current span{ border-style:dashed dashed solid dashed; border-color:transparent transparent #c2c2c2 transparent; border-width:5px; position:absolute; bottom:-6px; left:50%; margin-left:-5px; font-size:0; line-height:0}
.sng_song,.sng_album,.sng_mv,.sng_man,.sng_album1{ padding:20px 0 10px 0;}

.sng_ins_1 h4,.alm2 .list1 h4{ font-size:12px; color:#878787; border-bottom:1px solid #d4d4d4; padding-bottom:7px; margin-bottom:5px;}
.sng_song h4{ position:relative; color:#878787}
.sng_ins_1 h4{position:relative;}
.sng_ins_1 h4 span{position:absolute; cursor:pointer; font-weight:normal; right:0; top:2px; *top:0; width:auto!important; height:20px!important; color:#464646; background:url(../images/other.png) no-repeat -300px 0; padding-right:28px;; line-height:20px;}


.sng_ins_1 .sng_song ul,.alm2 .list1 ul{ padding-top:15px; }
.sng_ins_1 .sng_song li,.alm2 .list1 li{ float:none; width:auto; height:25px; margin:0 0 3px 0; line-height:25px; vertical-align:bottom}
.sng_ins_1 .sng_song li a,.alm2 .list1 li a{ width:100%; display:block; zoom:1; height:25px;}
.sng_ins_1 .sng_song li .num,.sng_ins_1 .sng_song li .text,.alm2 .list1 .text{ float:left;}
.sng_ins_1 .sng_song li .num{ width:30px; display:inline; margin-left:3px; margin-right:10px}
.sng_ins_1 .sng_song li .num1,.alm2 .list1 .num1{ width:30px; display:inline; margin-left:3px; margin-right:10px; float:left; }
.sng_ins_1 .sng_song li .text,.alm2 .list1 .text{ width:320px;height:20px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.sng_ins_1 .sng_song li .text i,.alm2 .list1 .text i{ font-style:normal; cursor:pointer}
.sng_ins_1 .sng_song li .process,.alm2 .list1 .process{ border:1px solid #bfbfbf; width:335px; height:8px; float:left; line-height:0; font-size:0; margin-top:7px; background:#fffafa; overflow:hidden; margin-left:15px;} 
.sng_ins_1 .sng_song li s,.alm2 .list1 s{ display:block; background:#e1e1e1; height:100%}
.sng_ins_1 .sng_song li input,.alm2 .list1 li input{ float:left; width:13px; height:15px; margin-right:15px; margin-top:4px}
.sng_ins_1 #song_nvg{ margin:40px 0 0 0}

.sng_ins_1 .sng_album li{ margin-right:21px; margin-bottom:0;}
.sng_ins_1 .sng_album li.last{ margin-right:0}
.sng_ins_1 .sng_album span{ display:block; text-align:center; width:75px; height:18px; overflow:hidden; }
.sng_ins_1 .sng_mv li span{ display:block; text-align:center;  width:130px; height:18px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.sng_ins_1 .sng_man li{ float:left; width:185px}
.sng_ins_1 .sng_man .pic{ float:left; width:77px; margin-right:8px}
.sng_ins_1 .sng_man .pic:hover{ width:75px; margin-right:10px}
.sng_ins_1 .sng_man li p{ padding-top:20px; padding-bottom:7px}
.sng_ins_1 .sng_man li span{ color:#7a7979}
.sng_album1 h4,.smv h4{ padding-bottom:0; border-left:5px solid #D8D8D8; color:#303030; font-weight:normal; height:25px; padding-left:10px}

.sng_ins_1 .sng_mv .pic{ background-position:-142px -43px; height:102px; padding-left:3px;}
.sng_ins_1 .sng_mv .pic:hover{ background-position:-4px -44px;}
.sng_ins_1 .sng_mv li{ width:130px; float:left; margin-right:36px;position:relative; margin-top:7px}
.sng_ins_1 .sng_mv li.last{ margin-right:0;}
.sng_ins_1 .sng_mv .pic b{ width:122px; height:94px}


h4.dq{ width:100%; font-weight:normal; padding-bottom:5px; position:relative}
h4.dq p{ position:absolute; left:90px; top:0; *top:1px; height:25px; border-left:5px solid #D8D8D8; padding-left:10px}
h4.dq select,.sng_album1 select,.smv select{ font-size:12px}

#album_container{ position:relative}
.sng_ins_1 .smv li{ margin-bottom:25px}
.sng_album1 li .pic,.alm2 .list2 .pic{ height:112px;}

.sng_album1 li{position:relative}
.sng_album1 b{ width:100px!important; height:102px!important}
.sng_album1 i{top:70px!important; right:10px!important;}
.sng_album1 li,.alm2 .list2 li{ width:112px; float:left; margin:5px 29px 30px 0; _margin-right:26px; display:inline}
.sng_album1 .nvg{ margin:0; padding-top:30px;}
.sng_album1 li a{ margin-right:0!important}
.sng_album1 li.last{ margin-right:0}
.sng_album1 li p{ color:#c2c2c2; text-align:center; width:100px; height:18px; overflow:hidden}
.sng_album1 li span{ color:#c2c2c2; text-align:center; display:block; width:100px;}

.sng_ins_1 .mbx{ padding:15px 0 8px 5px;}
.sng_ins_1 .mbx span{color:#6fcef4}
.sng_ins_1 .sng_mv{ padding-top:25px;}

.sng_ins_1 .sng_mv .pic{ display:block; background:url(../images/other.png) no-repeat -2px -1030px; height:102px; padding:5px 0 0 3px;}
.sng_ins_1 .sng_mv .pic:hover{ background-position:-3px -920px;}

.sng_ins_1 .sng_album .pic:hover i{ left:40px; top:40px;}
.sng_ins_1 .sng_album .pic:hover b{ width:70px; height:70px; top:2px; left:3px}
.sng_ins_1 .sng_mv .pic i{ position:absolute; width:33px; height:34px; background:url(../images/play.png) no-repeat; right:8px; top:62px;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/play.png', sizingMethod='crop'); cursor:pointer; z-index:3; display:block}
.sng_ins_1 .sng_mv .pic:hover i{ background:url(../images/play_hover.png) no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/play_hover.png', sizingMethod='crop'); left:auto}
.sng_ins_1 .sng_mv .pic:hover b{ width:122px; height:94px; top:2px; left:3px}


/*预览*/
#doumentMask{_position:absolute;_left:0px;_top:0px; display:none;}
.preImg{display:none;}
.closePreBt{display:block; background:url(imagesnew/closePre_03.png) no-repeat left top;width:66px; height:67px; cursor:pointer; display:none;}
/*tips*/
.tipsWrapper{width:400px; height:100px; overflow:hidden; position:absolute;left:0px;top:0px; display:none;}
.closeTips{display:block;width:21px;height:19px; position:absolute;top:9px;right:8px; cursor:pointer; z-index:2}
.tipsCon1{background:url(imagesnew/tip_032.jpg) no-repeat left top;width:400px; height:100px; overflow:hidden; position: absolute;top:0px; left:0px; display:none;}
.perfectBt{display:block;width:96px; height:26px; position:absolute;left:230px;top:60px;}

.albumCon li{margin:0px 8px !important;}
.tingCommLeft{width:auto;border:none !important;}
.tingCommRight{float:right !important;border-left:1px solid #D2D2D2 !important;width:290px;}
.tj_musicer .tingCommTop{width:661px;}