@charset "utf-8";

*{margin:0;padding:0;}
html{overflow:hidden; scrollbar-arrow-color:#88BAD3;scrollbar-face-color:#DFF1F5;scrollbar-darkshadow-color:#F1FCFF;scrollbar-highlight-color:#F1FCFF;scrollbar-3dlight-color:#A3C7DF;scrollbar-shadow-color:#A3C7DF;scrollbar-track-color:#F2F7F9;border:0px;}
body{height:100%;overflow:hidden;text-align:center;font:normal normal normal 12px/1.5em Verdana, Arial, Helvetica, sans-serif;color: #333333;background-color:#FFFFFF;border:0px;}
ul{list-style: none;}
li{list-style:none;}
img{border: none;vertical-align:middle;}
button {border:0;background:none;cursor:hand;}
iframe {border:0;}
table,th,td {border-collapse:collapse;font-weight:normal;}
.bold{font-weight: bold;}
.fix{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.k{text-align:left; text-indent:0.6em; width:392px;}

a:link,a:visited{text-decoration:none;color:#226399}
a:hover,a:active{text-decoration:underline;color:#226399}

#topmenu {height:30px;overflow:hidden; position:relative; margin:0; width:510px; zoom:1;}
#topmenu:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#menu {display:block;text-align:left;}
#menu #menu_tj,
#menu #menu_top,
#menu #menu_fav,
#menu #menu_search,
#menu #menu_singer,
#menu #menu_radio{position:absolute; left:0; top:0; height:30px; line-height:30px; border-right:1px solid #88BAD3;background:url(../images/menu_itembg_v2.png) no-repeat left -8px;}
#menu #menu_tj{left:0px;}
#menu #menu_top {left:103px;}
#menu #menu_singer {left:206px;}
/*#menu #menu_fav {left:255px;}*/
#menu #menu_radio {left:309px;}
#menu #menu_search {left:412px;}
#menu #menu_tj a,#menu #menu_top a, #menu #menu_search a, #menu #menu_singer a, #menu #menu_radio a, #menu #menu_fav a{display:block;overflow:hidden;font-size:14px;font-weight:bold;/*width:84px;*/width:102px; height:29px; _height:30px; line-height:29px; text-align:center; color:#226399; text-decoration:none; border-bottom:1px solid #88BAD3;}
#menu #menu_radio sup {position:absolute;top:4px;right:0px;width:21px;height:9px;font-size:0px;line-height:0;text-indent:-999em;background:url(../images/menu_itembg_v2.png) no-repeat 1px -147px;z-index:333;}
#topmenu #menu div.now {background:#ffffff url(../images/menu_itembg_v2.png) no-repeat center -43px;}
#topmenu #menu div.now a {border-bottom:0;color:#0C275C;}

.find{margin-top:6px; border:1px solid #abcfe0;  width:508px; background:#daecf6;}
.keywords_input {padding:3px 0; _padding:2px 0;}
.keywords_input input {border:1px solid #88BAD3;height:20px;vertical-align:middle;margin-left:5px;}
.keywords_input input.text_input {background:#fff url(../images/singer_search.png) no-repeat scroll 5px 4px;color:#333;height:17px; _height:22px; padding:3px 0pt 0pt 20px; width:288px;_width:311px;}
.keywords_input input.img_input {margin-left:-7px;background:#ffffff url(../images/singer_search.png) no-repeat 1px -35px;height:20px; width:54px;text-indent:-999em; overflow:hidden;}

.main{width:510px; margin-top:6px;}
.left_side{float:left; width:108px; height:394px; border:1px solid #abcfe0; background:#ebf6fb; text-align:left;}
.left_side ul{margin-top:5px;}
.left_side h3{background:#c8e2f1; line-height:23px; font-size:12px; color:#226399; text-indent:1em;}
.left_side li{margin:0 5px; line-height:24px; text-align:center;}
.left_side p.singer_pic{text-align:center; padding:10px 0;}
.left_side p.singer_pic img{padding:1px; border:1px solid #abcfe0;}
.left_side li.side_now{background:#caefff url(../images/now.png) center repeat-x; border:1px solid #86b1db; padding:1px; height:18px; line-height:18px; color:#226399;}
/*new rank*/
.genre li{float:left; width:44px; overflow:hidden; display:inline;}
.genre li.side_now{height:18px; line-height:18px; width:40px; margin:1px 5px; display:inline;}
/*new rank end*/
.right{float:right; width:392px; border:1px solid #abcfe0; height:394px;position:relative;}
.right_1{float:right; width:392px; border:1px solid #abcfe0; border-top:0; height:368px; _height:372px; padding-top:5px;position:relative;}
.song_table{table-layout:fixed;}
.song_table .check_box{width:20px;}
.song_table .num{width:20px; text-align:center;}
/*
.song_table .col_song {width:280px; text-align:left; text-indent:0.6em;}
.song_table .col_singer {width:93px; text-align:left;}
.song_table .col_album {width:93px; text-align:left;}
.song_table .col_bt {width:30px; text-align:center;}
*/
.song_table .col_song {width:260px; text-align:left; text-indent:0.6em;}
.song_table .col_singer {width:63px; text-align:left;}
.song_table .col_album {width:63px; text-align:left;}
.song_table .col_bt {width:30px; text-align:center;}
.index_right .col_bt {width:20px; text-align:center;}

.song_table th{height:22px;line-height:22px; font-size:12px;}
.song_table td {line-height:25px; _height:26px; _line-height:26px;font-size:12px; border-bottom:1px solid #ebf6fa; overflow:hidden;}
.song_table td.num{font-size:10px;}

.song_table td.btn_play a{width:14px; height:14px; margin:2px 0 0; overflow:hidden; display:block; background:url(../images/btn.png) no-repeat; text-indent:-999em;}
.song_table td.btn_add a{width:14px; height:14px; margin:2px 0 0; overflow:hidden; display:block; background:url(../images/btn.png) -14px 0 no-repeat; text-indent:-999em;}
.song_table td.btn_down a{width:14px; height:14px; margin:2px 0 0; overflow:hidden; display:block; background:url(../images/btn.png) -28px 0 no-repeat; text-indent:-999em;}
.song_table td.btn_fav a{width:14px; height:14px; margin:2px 0 0; overflow:hidden; display:block; background:url(../images/btn.png) -42px 0 no-repeat; text-indent:-999em;}

.tags{float:right; height:22px; background:url(../images/tagbg.gif) repeat-x; width:394px; _width:392px;}
.tags span{float:left; margin-right:3px;}
.tags span a{background:url(../images/tag.gif) -92px 0 no-repeat; width:89px; height:22px; display:block; line-height:22px;}
.tags span.tags_now a{background:url(../images/tag.gif) no-repeat;}
.tags span a:hover{text-decoration:none;}

.singer_abc{background:#c8e2f1; line-height:23px; font-size:12px; text-transform:uppercase;}
.sm{background:#eff8fa; line-height:23px; font-size:12px; text-align:left; text-indent:0.6em; color:#226399;}
.singer_abc a.now{color:red;}
.singer_list{height:336px; margin-bottom:7px; _margin-bottom:5px;}
.singer_list li{height:24px; line-height:24px; width:130px; text-indent:0.5em; float:left; text-align:left;}
.singer_list li.h{background:#eff8fa;}

.singer_album{float:left; padding:3px 8px 0 9px; width:80px; height:110px;}
.singer_album p{height:20px; line-height:20px; width:80px;}

.radio{text-align:center;}

.main_so{width:508px; _width:510px; border:1px solid #abcfe0; margin-top:6px; height:394px; _height:430px; padding-top:38px;}
	.search{padding:112px 0 0; background:url('../images/i.png') no-repeat; height:55px; _height:165px; overflow:hidden;}
	.search li{float:left; display:inline;}
	.search_key{padding-left:65px;}
	.search_key input{width:305px; height:30px; line-height:32px; margin:0px 0px 0px 4px; border:0; color:#999; font-size:14px;}
	.search_sub input{height:33px; width:75px; cursor:pointer; background:none; border:0; color:#999;}
	p.ts{color:#b2b2b2; line-height:30px; text-indent:-5em;}
	.hot{padding:35px 0 0 30px;}
	.hot p{text-align:left;line-height:23px; color:#666; padding-right:30px;}
	.hot p a{white-space:nowrap;}
	.hot p span a:link,.hot p span a:visited{color:red;}

.radio_logo{padding:20px 0 30px; text-align:center;}
.right_so{width:508px; border:1px solid #abcfe0; height:394px; position:relative;}

/*index*/
.index_left{width:200px; height:282px; float:left;}
.index_right{width:302px; border:1px solid #abcfe0; height:280px; float:right; margin-left:6px; overflow:hidden;}
.index_nav{height:23px; line-height:23px; background:#eff8fa; font-weight:800; color:#333;}
.index_nav span{float:left; margin:0 5px; width:34px;}
.index_nav span.now a:link,.index_nav span.now a:visited{height:23px; width:34px; background:url(../images/now_tag.png) no-repeat; display:block; color:#06C;}
.index_nav span.now a:hover,.index_nav span.now a:active{text-decoration:none;}

.index_nav span.qian,.index_nav span.hou{ width:18px; height:15px; line-height:15px; margin-top:4px;}
.index_nav span.qian{margin-left:200px;}
.index_nav span.qian a{ background:url(../images/ff.gif) no-repeat; text-indent:-999em; width:18px; height:15px; display:block;}
.index_nav span.hou a{ background:url(../images/ff.gif) -18px 0 no-repeat; text-indent:-999em; width:18px; height:15px; display:block;}

.index_right .col_song{width:220px;}
.index_right .e{height:21px; text-align:right; padding:3px 5px 0 0; overflow:hidden;}
.index_right td{height:25px; line-height:25px;}
.index_right .e li.tj_page{float:left; width:16px; height:14px; background:none; margin:0 3px; padding:0;}
.index_right .e li.tj_page a:link,.index_right .e li.tj_page a:visited{ width:16px; height:14px; line-height:14px; border:1px solid #a4d8f5;}
.index_right .e li.tj_page a:hover,.index_right .e li.tj_page a:active{ background:#b2e5ff; text-decoration:underline;}
.index_right .e li.now a{background:#b2e5ff;}

.tj_album{border:1px solid #abcfe0; width:508px; height:145px; _height:141px; margin-top:5px; overflow:hidden;}
.album_item{height:118px; width:508px; padding:0;}
.album_item .singer_album{height:116px; margin:4px 2px 0;}
.album_item .singer_album p{height:20px; line-height:20px;}

/*index end*/


.e{height:26px; text-align:right; padding:6px 5px 0 0; _margin-bottom:4px;}
.e li{float:right; margin-left:7px; padding-top:1px; background:url(../images/bfg.gif) no-repeat;text-align:center; font-size:12px;}
.e li a:link,.e li a:visited{display:block; height:17px; width:44px;}
.e li a:hover,.e li a:active{text-decoration:none;}
.e li.all{background:url(../images/abfg.gif) no-repeat;}
.e li.all a:link,.e li.all a:visited{display:block; height:17px; width:68px;}

.page {height:28px;line-height:28px;text-align:center; background:#eff8fa; width:392px; _width:390px; position:absolute; bottom:0px; left:0px;}
.page .now{color:#55A717;}
.page .page_pre,.page .page_next,.page span {margin:0px 2px;display:-moz-inline-box;display:inline-block;text-align:center;}
.page a:link,.page a:visited {text-decoration:underline;color:#226399;margin:0 2px;}
.page a:hover,.page a:active {text-decoration:none;}
.page .page_pre,
.page .page_next{background:url(../images/page.gif); display:-moz-inline-box;display:inline-block;vertical-align:middle;overflow:hidden;font-size:0;line-height:999px;}
.page .page_pre {background-position:0px 0px; width:52px; height:18px;}
.page .page_next {background-position:-52px 0px;width:52px; height:18px;}
.page_pre,.page_next{display:-moz-inline-box;display:inline-block;vertical-align:middle;overflow:hidden;font-size:0;line-height:99999999px;}
.data{display:none}

/*----*/
.focusPic{width:198px;height:280px;position:relative;background-color:#FFF;cursor:pointer;border:1px solid #DDD; overflow:hidden;}
.focusPic .arrow_up{display:none;}
.focusPic ul.bigpic{width:198px;height:280px;}
.focusPic ul.bigpic li{width:198px;height:280px;position:absolute;left:0px;top:0px;}
.focusPic ul.bigpic li a{width:198px;height:280px;display:block;overflow:hidden;}
.focusPic ul.bigpic li a span{display:none;}
.focusPic ul.bigpic li a img{width:218px;height:280px;margin-left:-10px;}
.focusPic ul.smallpic{display:none;}