@charset "utf-8";
html { overflow-x:hidden;scrollbar-face-color:#f3f3f3; scrollbar-arrow-color:#637f83; scrollbar-highlight-color:#dae0e0; scrollbar-shadow-color:#dae0e0; scrollbar-darkshadow-color:#fff;scrollbar-track-color:#fff; scrollbar-3dlight-color:#fff; }
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; color:#000; 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 }
/**/
.wrap645 { margin-bottom:8px;/*width:645px;height:438px; overflow:auto; overflow-x:hidden; position:relative*/ }
.main { width:598px; margin:0 auto; position:relative; }
.main2 { width:598px; margin:-5px auto 0 auto; position:relative; }
/*index*/
.nav{border-bottom:2px solid #37b6e8;font-family:Microsoft YaHei;/* margin:5px 0 0 0; position:relative; height:33px; margin-top:-33px*/ margin-right:3px}
.nav li{ float:left; width:85px; height:28px; line-height:28px; position:relative; margin-top:8px}
.nav a{ display:block; height:100%; font-size:13px; color:#333; text-align:center;}
.nav li.hover a,.nav a:hover{ color:#fff; background:url(../images/rabg.png) 0 0 repeat-x; font-weight:bold}
.nav li.hover{ width:85px;}
.nav li.hover span{border-style:dashed dashed solid dashed; border-color:transparent transparent #fff transparent; border-width:5px; position:absolute; bottom:-2px; left:50%; margin-left:-5px; font-size:0; line-height:0}

/*radio*/
body, html { }
.clearBoth { clear:both; font-size:1px; line-height:1px; height:1px; }
.leftCon { width:130px; float:left; }
.rightCon { width:468px; float:left; }
.title { height:60px; width:128px; overflow:hidden; background:url(../images/rabg.png) 0 -28px no-repeat; }
.radiolist{margin:15px 0 0 0; position:relative;overflow:hidden; border-right:1px solid #e2e2e2; padding:5px 0 0 0; } 
.radiolist dd{font-size:12px;float:left; margin:0 14px 11px 0; font-family:Microsoft YaHei; position:relative;}
.radiolist dd a{display:block;color:#454545;}
.radiolist dd a:hover{background:#b7b7b7;color:#FFF;}
.radiolist dd a.current,.radiolist dd a.current:hover{ background:#b7b7b7; color:#FFF;}
.radiolist dd.big{width:115px;height:37px; line-height:37px;}
.radiolist dd.big a{ padding:0 0 0 13px; height:37px;line-height:37px;}
.radiolist dd.small{height:29px;width:50px; line-height:29px;}
.radiolist dd.small a{ text-align:center;}
.radiolist dd em{position:relative;float:right;display:inline-block;left:-18px;top:4px;width:31px;height:14px; background:url(../images/hot.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fm/static/images/hot.png" ,sizingMethod="crop");}
.radiolist dd.create{margin:0px 0 0 0; line-height:32px;}
.radiolist dd strong{font-weight:bold;font-size:20px; position:relative;top:-2px;float:left;}


.hotBox{ padding:15px 0 0 28px; position:relative;}
.hotRadioBox { width:426px; height:170px; overflow:hidden; position:relative; }
.slider { position:absolute; }
.slider li { list-style:none; position:relative; }

.slider span { position:absolute; left:10px; top:145px; width:300px; display:block; color:#000; }
.slider2 { width:20000px; }
.slider2 li { float:left; }
.num { position:absolute; right:5px; bottom:0px; }
.num li { float: left; width: 11px; height: 11px;cursor: pointer; overflow: hidden; margin: 3px 3px;background:url(../images/rabg.png) -4px -445px no-repeat;}
.num li.on {background:url(../images/rabg.png) -4px -427px no-repeat;}
#idPre{ position:absolute; left:12px;_left:-15px; top:80px;width:10px;height:19px;background:url(../images/rabg.png) -2px -265px no-repeat;}
#idNext{ position:absolute; right:0px; top:80px;width:10px;height:19px;background:url(../images/rabg.png) -3px -316px no-repeat;}
#idPre:hover{ background:url(../images/rabg.png) -1px -289px no-repeat;}
#idNext:hover{background:url(../images/rabg.png) -4px -343px no-repeat;}


.tabCon{width:426px;height:152px; display:block; background:url(../images/rabg.png) -2px -468px no-repeat;}
.tabCon h3{color:#4f4f4f; width:220px; font-size:16px; height:18px; line-height:16px; overflow:hidden; position:relative;top:15px;}
.tabCon h3 a{color:#4F4F4F;}
.tabCon h3 a:hover{color:#009bd8;}
.tabCon .imgbox{width:151px; height:145px;float:left; cursor:pointer; margin:3px 19px 0 2px; _margin-left:0;position:relative;}
.tabCon .imgbox a{ cursor:pointer;display:block; position:absolute; left:0;top:0;width:151px;height:145px; }
.tabCon .imgbox a:hover{ background:url(../images/play.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fm/static/images/play.png" ,sizingMethod="crop");}
.tabCon dl{top:25px; line-height:18px;_float:left; margin:0 0 0 150px;_margin:0px 0 0 0; position:relative;} 
.tabCon dl dd{color:#999;font-size:12px;width:240px;_width:230px;text-overflow:ellipsis; white-space:nowrap; _white-space:normal; _word-wrap:break-word; _word-break: normal; position:relative;_overflow:hidden;height:18px;}
.tabCon dl dd a{color:#999;font-size:12px;width:240px;_width:230px;text-overflow:ellipsis; white-space:nowrap; _white-space:normal; _word-wrap:break-word; _word-break: normal; position:relative;overflow:hidden;height:18px;display:inline-block;}
.tabCon dl dd.recommend{border-top:1px solid #cdcdcd; margin:10px 10px 0 10px;_margin-left:0; padding:8px 0 0 0; position:relative;} 
.tabCon dl dd.recommend a{display:inline;width:auto;}
.tabCon dl dd.recommend a:hover{ text-decoration:underline;}
.tabCon dl dd a:hover{color:#009bd8;}
.tabCon dl dd label{ margin:0 5px 0 0;}
.tabCon h3 i{font-size:12px; padding:0 0 0 16px; margin:0 0 0 10px;display:inline-block;height:16px; font-style:normal;color:#5b5b5b;background:url(../images/rabg.png) -5px -397px no-repeat; font-weight:normal;}
.tabCon h3 i label{ margin:0 5px 0 0;}
.radioBox { font-size:12px;margin:8px 0 10px -1px;border-left:1px solid #e2e2e2; position:relative; z-index:90;}
.radioBox dd { width:190px; float:left; margin:0 0 8px 27px; display:inline; }
.radioBox dd a { width:188px; height:42px; display:block;  cursor:pointer; _position:relative; }
.radioBox dd a i { width:40px; height:40px; float:left; margin:0 10px 0 0; background:url(../images/rabg.png) -74px -423px no-repeat;}
.radioBox dd a i div{width:32px; height:32px; margin:4px; position:relative;}
.radioBox dd a i div strong.yes{ position:absolute; z-index:100;left:16px;top:-6px;width:27px;height:13px;background:url(../images/new.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fm/static/images/new.png" ,sizingMethod="crop");}
.radioBox dd a i div b{display:none; position:absolute; z-index:90; left:0px;top:0px; width:32px;height:32px;}
.radioBox dd a:hover i div b{display:block;background:url(../images/smplay.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fm/static/images/smplay.png" ,sizingMethod="crop");}
.radioBox dd a:hover{zoom:1;}
.radioBox dd a:hover i{background:url(../images/rabg.png) -25px -423px no-repeat; } 
.radioBox dd a em { color:#373737; height:18px; display:block; font-style:normal; line-height:18px; margin:2px 0 0px 0px; cursor:pointer; }
.radioBox dd a em.popu4 { background:url(../images/rabg.png) -10px -336px no-repeat; }
.radioBox dd a em.popu3 { background:url(../images/rabg.png) -10px -336px no-repeat; }
.radioBox dd a em.popu2 { background:url(../images/rabg.png) -10px -336px no-repeat; }
.radioBox dd a em.popu1 { background:url(../images/rabg.png) -10px -336px no-repeat; }
.radioBox dd a:hover { zoom:1; }
.radioBox dd a:hover em{ position:relative;top:-2px;} 
.radioBox dd a em b{/*background:url(../images/rabg.png) -159px -436px no-repeat; */width:17px; height:17px;display:none; position:relative;top:2px; left:3px;}
.radioBox dd a:hover em b{background:url(../images/rabg.png) -131px -436px no-repeat; width:17px; height:17px;display:none; position:relative;top:2px; left:3px;}
.radioBox dd a:hover em { color:#009bd8; font-weight:bold; }
.radioBox span { display:block; height:18px;_height:16px; overflow:hidden; color:#999999; margin:2px 3px 0 0px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; _white-space:normal; _word-wrap:break-word; _word-break: normal; }
.songs { height:18px; overflow:hidden; }
.class0 dt { background:url(../images/rabg.png) 0 -84px no-repeat; }
.class1 dt { background:url(../images/rabg.png) 0 -125px no-repeat; }
.class2 dt { background:url(../images/rabg.png) 0 -166px no-repeat; }
.class3 dt { background:url(../images/rabg.png) 0 -289px no-repeat; }
.class4 dt { background:url(../images/rabg.png) 0 -207px no-repeat; }
.class5 dt { background:url(../images/rabg.png) 0 -248px no-repeat; }

#createBox { width:322px; height:191px;background:#f5f5f5; position:fixed; _position:absolute; left:32%; top:100px; z-index:99999; }
#shadow { width:100%; height:100%; left:0px; top:0; background:#000; filter:alpha(opacity=50); position:absolute; z-index:99995; }
#createBox { font-size:12px; font-family:Microsoft YaHei;}
#createBox a.shut, #poptips a.shut { position:absolute;color:#FFF; font-size:24px; right:5px; top:-2px;}
#createBox h3, #poptips h3 { font-size:14px; height:30px; line-height:30px; background:#82d2f1; color:#fff;padding:0px 0 0px 8px; }
#createBox input, #poptips input { border:1px solid #c5c5c5; padding:0 0 0 3px;}
#createBox input.text { width:92px; height:23px; line-height:23px; }
#createBox input.sm { margin:22px 5px 0 20px; }
#createBox input.big { width:143px;margin:22px 0 0 5px;}
#createBox input.bigbig{width:228px;}
#createBox a.button, #poptips a.button {display:inline-block;width:69px; height:27px; background:#3db9eb; color:#fff; line-height:27px; text-align:center; margin:12px 15px 0 0;font-size:14px;}
#createBox p { color:#737373; margin:8px 10px 0 20px; line-height:18px; }
#createBox p label { color:#F00; display:none; }
#createBox div.buBox, #poptips div.buBox { text-align:center; }
#poptips { width:284px; height:185px; border:1px solid #5c5c5c; background:#f3f3f3; position:fixed; _position:absolute; left:32%; top:100px; z-index:999999;font-family:Microsoft YaHei; }
#poptips i { width:38px; height:38px; float:left; margin:20px 0 20px 30px; display:inline; background:url(../images/popwinbg.png) 0 -18px no-repeat; }
#poptips p { float:left; font-size:12px; width:170px; margin:25px 0 0 20px; display:inline; }
#poptips p label { display:block; margin:3px 0 0 0; }
#radioTitle{ margin:0px 0 0px 29px; width:339px; position:relative;top:-22px;}
#radioTitle span{display:inline-block;width:14px;height:14px; margin:0 0 0 -3px;_margin-left:-2px; cursor:default; position:relative;_top:0}
#radioTitle span.q{display:none;}
#radioTitle span.class0{background:url(../images/rabg.png) -213px -52px no-repeat;}
#radioTitle span.class1{background:url(../images/rabg.png) -227px -52px no-repeat;}
#radioTitle span.class2{background:url(../images/rabg.png) -243px -52px no-repeat;}
#radioTitle span.class3{background:url(../images/rabg.png) -258px -52px no-repeat;}
#radioTitle span.class4{background:url(../images/rabg.png) -273px -52px no-repeat;}
#radioTitle span.class5{background:url(../images/rabg.png) -288px -52px no-repeat;}
#radioTitle span.class6{background:url(../images/rabg.png) -302px -52px no-repeat;}
#radioTitle span.class7{background:url(../images/rabg.png) -318px -52px no-repeat;}
#radioTitle span.class8{background:url(../images/rabg.png) -333px -52px no-repeat;}
#radioTitle span.class9{background:url(../images/rabg.png) -348px -52px no-repeat;}
#radioTitle a.random{width:66px; padding:0 0 0 20px;height:22px; line-height:23px;font-size:12px;font-weight:normal;color:#333333;display:inline-block;background:url(../images/rabg.png) -216px -333px no-repeat;}
#radioTitle a.random:hover{background:url(../images/rabg.png) -216px -361px no-repeat;color:#3bb8e9;}
.detailRadioBox{top:24px;}
.detailRadioBox #radioTitle{width:423px; margin-bottom:0px; margin-top:15px;}
.detailRadioBox #radioTitle a.random{ position:absolute;right:0;top:-3px;}
#radioTitle b{display:inline-block;width:54px;height:16px; margin:0 0px 0 -2px; position:relative;_top:4px;background:url(../images/rabg.png) -365px -51px no-repeat;_margin-left:0;}
.border{border-bottom:1px solid #bdbdbd; position:relative; margin:0 15px 0 28px;top:-20px;}
#rightRadioList{height:1%; position:relative;top:-12px;}

.singerRadio{ } 
.singerRadio .input{font-family:Microsoft YaHei;margin:0 0 0 35px;*margin-left:17px;_margin-left:20px;}
.singerRadio .input input{width:320px; padding:0 0 0 3px;float:left; margin:0 10px 0 0;height:23px; line-height:23px;border:1px solid #c5c5c5;}
.singerRadio .input a{width:60px; padding:0 0 0 25px;height:25px; line-height:25px;float:left;background:url(../images/rabg.png) -109px -302px no-repeat;color:#FFF;}
.singerRadio .input a:hover{background:url(../images/rabg.png) -11px -302px no-repeat;}

ul.sinHeadList{ margin:10px 0 0 25px;}
ul.sinHeadList li{width:83px;height:83px;float:left; margin:0 0 10px 4px; position:relative; z-index:80; overflow:hidden;}
ul.sinHeadList li a{width:83px;height:83px;display:block; cursor:pointer;float:left;}
ul.sinHeadList li a:hover{ position:relative;}
ul.sinHeadList a .imgbox{width:83px;height:83px;background:url(../images/rabg.png) -11px -200px no-repeat;}
ul.sinHeadList a .imgbox img{width:75px;height:75px; margin:4px;}
ul.sinHeadList a:hover .imgbox{background:url(../images/rabg.png) -105px -200px no-repeat;}
ul.sinHeadList em{height:18px;width:75px; position:absolute; z-index:100;left:4px;top:61px; background:#000; opacity:0.5;filter:alpha(opacity=50);}
ul.sinHeadList span{height:18px;width:75px;color:#FFF; position:absolute; z-index:122;left:4px;top:61px; text-align:center;}
ul.sinHeadList a:hover em{display:none;}
ul.sinHeadList a i{display:none;}
ul.sinHeadList a:hover i{display:block;width:75px;height:75px; position:absolute; z-index:110;left:4px;top:4px; background:url(../images/playsin.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fm/static/images/playsin.png" ,sizingMethod="crop");}

ul.sinNameList{ margin:8px 0 0 25px;}
ul.sinNameList li{width:135px;float:left;height:25px; margin:0 0 0 8px;display:inline; line-height:25px; overflow:hidden;}
ul.sinNameList li a{display:block;width:135px;float:left;height:25px; position:relative;}
ul.sinNameList li a.bg{ background:#e4e4e4;}
ul.sinNameList li a:hover{ background:#daf1fb;}
ul.sinNameList span{ padding:0 0 0 9px;display:block;height:25px;color:#454545;}
ul.sinNameList em{ position:absolute;right:5px;top:4px;width:16px;height:16px;background:url(../images/rabg.png) -188px -132px no-repeat;}
ul.sinNameList li a.bg em{background:url(../images/rabg.png) -188px -160px no-repeat;}
ul.sinNameList li a:hover em{background:url(../images/rabg.png) -188px -106px no-repeat;}