﻿@charset "utf-8";
/* CSS Document */
/* layout */
#infoHeader{width:960px; margin:0px auto;}
.levelContainer{width:960px; margin:12px auto 0px auto; text-align:left; overflow:hidden;}
.levelLeft{width:696px; overflow:hidden;float:left;margin-bottom:10px;}
.levelRight{width:257px; overflow:hidden;float:left;margin-bottom:10px;}
.levelRight .qq_link{width: 255px;height: 100px;border: 1px solid #E0E0DE;margin-top: 10px;border-bottom: 2px solid #e0e0ed;}
.levelRight .qq_link li{width: 127px;height: 55px;float: left;margin-top: 20px;}
.levelRight .qq_link li.first{border-right: 1px dashed #ccc;}
.levelRight .qq_link li span{margin:0 auto 5px auto;width: 95px;height: 18px;line-height: 18px;text-align: middle;color:#666;vertical-align: center;font-size: 13px;display: block;}
.levelRight .qq_link li a{margin:0 auto;width: 100px;height: 30px;display: block;background: url(../images/qq.png) no-repeat 0px -30px;}
.levelRight .qq_link li a:hover{background-position: 0px 0px;}
#infoFooter{width:960px; margin:12px auto;}
.marginT12{margin-top:12px;}
/*exclusive*/
.exclusiveOuter{}
.tingCommTop{ position:relative; background:url(../images/ting_index_tbg_05.gif) repeat-x left top; height:32px; overflow:hidden;font:bold 12px/32px "宋体";padding:0px 8px 0px 3px;color:#878787;}

.tingCommTop .rt_banner{ position:absolute; bottom:2px; right:0; float:left;}
.tingMore{float:right;font:normal 12px/32px "宋体"; background:url(../images/ting_sprites.gif) no-repeat 29px 0px;padding-right:24px; cursor:pointer;}
.tingMore:hover{text-decoration:none;}
.tingCommLeft{width:410px; float:left;margin-top:9px;border-right:1px solid #D2D2D2;color:#7D7D7D; line-height:18px; }
.tingExcluPic{float:left;margin-right:16px; display:inline;}
.tingImgBox1{width:110px; height:113px; overflow:hidden; position:relative;}
.normalBg1{ background:url(../images/ting_sprites.gif) no-repeat 0px -524px;}
.changeBg1{ background:url(../images/ting_sprites.gif) no-repeat -120px -524px;}
.tingPic1{width:100px; height:100px; position:absolute;left:5px; top:5px; cursor:pointer;}

.tingCompanyName{ width: 108px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}

.tingImgMask1{width:100px;height:100px; position:absolute; left:5px;top:5px; cursor:pointer; display:none; background:#000;filter:alpha(opacity=50);opacity:0.5}
.tingImgMask1 a{width:100px;height:100px;display:block;}
.tingExcluTit{line-height:32px;color:#323232; display:block;}
.tingExcluTit2{line-height:29px;color:#323232; display:block;padding-left:4px;}
.excluMusicList{clear:both;}
.excluMusicList li{float:left;width:225px;}
.excluMusicList .musicListSpe{width:178px;}
.excluMusicList li a{display:block; height:24px; background:url(../images/ting_sprites.gif) no-repeat 0px -40px;padding-left:21px;font:normal 12px/24px "宋体";color:#}
.tingCommRight{float:left;margin-top:9px;}
.tingCommRight li{width:110px;float:left;margin-left:32px; display:inline; }
.tingCommRight li span{color:#7d7d7d;padding-left:4px;}
.goPlayBt{display:block;width:33px; height:34px; position:absolute;right:6px;bottom:8px;background-image:url(../images/play.png) !important;background-image:url(http://www.kugou.com);FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/play.png'); background-repeat:no-repeat; background-color:transparent; cursor:pointer; display:none;}
.goPlayBt2{display:block;width:33px; height:34px; position:absolute;right:6px;bottom:8px;background-image:url(../images/play_hover.png) !important;background-image:url(http://www.kugou.com);FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/play_hover.png'); background-repeat:no-repeat; background-color:transparent; cursor:pointer; display:none;}
/*records*/
.recordsOuter{ /*height:209px;*/ overflow:hidden;}
.recordsTop{height:35px;padding-left:12px;background:#80DBFF;font:12px/27px "宋体";color:#fff;width:257px; overflow:hidden; text-align:left;}
.recordsTop span{display:block;width:113px;height:35px;overflow:hidden;text-align:center; line-height:35px;color:#fff;float:left; cursor:pointer;}
.recordsTop .current{display:block;width:113px;height:28px;overflow:hidden;text-align:center; line-height:28px;color:#80DBFF;float:left;margin-top:7px; background:#fff;}
.tingIndexForm{height:170px;width:255px; overflow:hidden; border:1px solid #E0E0E0; position:relative;border-top:none; color:#666;}

.im_loginbox{ width:165px; height:26px; line-height:26px;color:#BDBDBD; position:absolute;left:16px; border:1px solid #AFAFAF; overflow:hidden;}
.login_user{ top:46px;}
.login_pwd{ top:95px;}

.im_loginbox label{ position:absolute; z-index:1; left:10px; top:0; height:26px; line-height:26px; font-size:12px; color:#7b7b7b;}
.im_loginbox input{ position:relative; z-index:2; border:0; height:26px; line-height:26px; width:165px; padding-left:10px; background:url(about:blank);}

.loginTip{color:#939393; position:absolute;left:15px;top:19px;}
/*--
.tingLoginUser{width:153px;height:26px;padding-left:12px; line-height:26px;color:#BDBDBD; position:absolute;left:16px;top:46px;border:1px solid #AFAFAF;}
.tingLoginPwd{width:153px;height:26px;padding-left:12px; line-height:26px;color:#BDBDBD; position:absolute;left:16px;top:95px;border:1px solid #AFAFAF;}
--*/
.tingLoginBt{width:54px; height:28px; overflow:hidden; background:#7CDAFE; position:absolute;right:11px;top:46px;border:none;color:#fff;cursor:pointer;}
.tingLoginHelp{display:block; height:26px; overflow:hidden;position:absolute;right:13px;top:98px;color:#7b7b7b; line-height:24px; text-align:center;}
.tingApply{display:block;width:228px;height:47px;position:absolute;left:16px; bottom:12px;font:bold 12px/47px "宋体";color:#fff; text-align:center; background:#7CDAFE url(../images/ting_sprites.gif) no-repeat 67px -67px;}
.tingApply:hover{color:#fff; text-decoration:none;}
.singreApplication{position:absolute;left:15px;top:142px;color:#61CDF6; font-size:14px; font-weight:bold; text-decoration:underline;}
.companyPic{width:104px; height:104px; position:absolute;left:3px;top:12px;}
.companyPic a{ display:block; width:98px; height:98px; padding:3px;}
.companyPic a:hover{ background:#6FCEF4;}
.companyPic img{width:96px;height:96px;border:1px solid #fff;}
.companyIntro{ height:60px; width:130px; line-height:30px; position:absolute;left:114px;top:12px; background:url(../images/company_line_06.gif) repeat-x left center;}
.companyIntro img{ margin-left:3px; position:relative; top:-2px;}
.homeLink{ color:#666; background:url(../images/company_09.gif) no-repeat left center;padding-top:4px; line-height:16px;padding-left:25px; font-size:13px; position:absolute;left:114px;top:78px;}
.loginOut{ color:#666; background:url(../images/company_11.gif) no-repeat left center;padding-top:4px; line-height:16px;padding-left:22px;font-size:13px; position:absolute;left:192px;top:78px;}
.manageCenter,.manageCenter:hover{display:block;width:114px; height:26px; text-align:center; line-height:26px; background:#80DBFF;color:#fff; position:absolute;left:8px;top:127px; text-decoration:none;}
.messageCenter,.messageCenter:hover{display:block;width:114px; height:26px; text-align:center; line-height:26px; background:#80DBFF;color:#fff; position:absolute;left:133px;top:127px; text-decoration:none;}


.manageCenter_disable,.manageCenter_disable:hover{display:block;width:114px; height:26px; text-align:center; line-height:26px; background:#d1d1d1;color:#fff; position:absolute;left:8px;top:127px; text-decoration:none;}
.messageCenter_disable,.messageCenter_disable:hover{display:block;width:114px; height:26px; text-align:center; line-height:26px; background:#d1d1d1;color:#fff; position:absolute;left:133px;top:127px; text-decoration:none;}


.loveNum{background:url(../images/heart_03.gif) no-repeat left top; height:18px; position:absolute;left:114px;top:49px;padding-left:29px;font-size:14px; line-height:18px;}
#NORegSinger{text-indent:26px;width:207px;height:40px; position:absolute;left:16px;top:50px; line-height:26px;color:#939393;}
#NORegSinger a{color:#61CDF6;  text-decoration:underline;}
#NORegSinger a:hover{color:#61CDF6;}
/*non-mian star*/
.popularity{color:#CA5A00;}
.nonMainDetail{background:url(../images/ting_sprites.gif) no-repeat 50px -122px;padding-right:16px;line-height:28px;}
.nonMainIntro{float:left;margin-top:9px;margin-left:18px; display:inline; line-height:24px;width:265px;}
.tingAd{text-align:center;margin-top:12px;}
/*album*/
.albumOuter{margin-top:12px;}
.albumClass{width:220px; height:32px; position:absolute;left:100px;top:0px; overflow:hidden;}
.albumClass li{float:left;color:#464646;}
.albumClass li a{display:block;height:32px;width:67px; text-align:center;font:normal 12px/32px "宋体";}
.albumClass li a:hover,.albumClass li .albumSelect{display:block;height:32px;width:67px; text-align:center;font:normal 12px/32px "宋体";color:#3EB6EA; text-decoration:none; background:url(../images/ting_sprites.gif) no-repeat 28px -132px;}
.albumClass .albumSpace{font:normal 14px/32px "宋体";color:#ABABAB;width:5px; overflow:hidden; text-align:center;}
.albumCon{margin-top:12px; height:124px;}
.albumCon li{float:left;width:80px; height:124px; overflow:hidden;margin:0px 9px; display:inline;}
.tingImgBox2{width:80px; height:83px;  position:relative;}
.tingPic2{width:68px;height:68px; position:absolute;left:6px;top:6px;cursor:pointer;}
.normalBg2{background:url(../images/ting_sprites.gif) no-repeat 0px -404px;}
.changeBg2{background:url(../images/ting_sprites.gif) no-repeat -87px -404px;}
.tingImgMask2{width:68px;height:68px; position:absolute; left:6px;top:6px; cursor:pointer; display:none; background:#000;filter:alpha(opacity=50);opacity:0.5;}
.tingImgMask2 a{display:block;width:68px;height:68px;}
.albumMusicName{display:block; line-height:22px;padding-left:3px; height:22px; overflow:hidden;}
.albumSinger{display:block;color:#999;padding-left:3px; overflow:hidden;}
#tingLatestContent,#tingPopularContent{display:none;}
/*singer*/
.singerTop{background:#CFCFCF;height:27px; overflow:hidden;padding-left:7px;font:bold 12px/27px "宋体";color:#fff;}
.tingRMore{float:right;font:normal 12px/27px "宋体";color:#fff; background:#7CDAFE url(../images/ting_sprites.gif) no-repeat 48px -76px;padding-right:26px;padding-left:14px;}
.tingRMore:hover{color:#fff; text-decoration:none;}
.singerOuter{height:505px; overflow:hidden;border:1px solid #E0E0E0;border-top:none;border-bottom-width:2px;}
.singerList{margin-top:12px;margin-left:3px; margin-bottom:-1px; zoom:1;}
.singerList:after{ content:"."; display:block; height:0; overflow:hidden; clear:both;}
.singerList li{float:left;width:66px; height:98px; overflow:hidden;margin:0px 8px; display:inline; text-align:center;}
.tingImgBox3{width:66px; height:69px; overflow:hidden; position:relative;}
.tingPic3{width:56px; height:56px; position:absolute;left:5px; top:5px; cursor:pointer;}
.normalBg3{background:url(../images/ting_sprites.gif) no-repeat 0px -314px;}
.changeBg3{background:url(../images/ting_sprites.gif) no-repeat -70px -314px;}
.singerName{line-height:24px; color:#999;}
/*new song*/
.newSongsList{margin-top:12px; background:url(../images/songbg.gif) repeat-y left top; height:224px; overflow:hidden;}
.newSongsList li{width:348px; float:left; height:28px; overflow:hidden;}
.newSongsList li input{vertical-align:middle;margin:0px 8px;}
.newSongsList li a{line-height:28px;}
.newSongsList .newSongsBg{background:#F2F2F2 url(../images/ting_sprites.gif) no-repeat 292px -37px;}
.newSongsList li .playerbt{float:right; display:block;width:15px; height:13px; background:url(../images/ting_sprites.gif) no-repeat left -44px;margin-right:20px;margin-top:7px;}
.allSelect{float:left;margin-left:8px; display:inline;margin-top:10px;}
.allNonSelect{float:left;margin-left:25px;margin-top:10px; }
.allSelect input,.allNonSelect input{vertical-align:middle;}
.playAllSongs{display:block; height:26px; float:right; background:#7DDBFF url(../images/ting_sprites.gif) no-repeat 10px -182px;padding-left:35px;padding-right:17px; line-height:26px;color:#fff;margin-top:10px;}
.playAllSongs:hover{color:#fff; text-decoration:none;}
.signedList{width:255px; height:275px; overflow:hidden;border:1px solid #E0E0DE;border-top:none;border-bottom-width:2px;}
.signedList li{width:100px; float:left;margin:11px 13px 0px 13px; text-align:center; /*height:74px;*/ height:124px; display:inline; line-height:22px;}
.signedList li a{ display:block;}
.signedList li img{width:90px; height:90px; border:1px solid #CFCFCF}
.signedCompanyName{ width: 96px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;}
/***album page**/
.albumProperty{width:202px; float:left;}
.albumProperty li{width:202px; height:24px; line-height:24px; overflow:hidden;padding-left:4px;}
.albumProperty li span{color:#7D7D7D;}
.albumProperty .singerPic{background:url(../images/ting_sprites.gif) no-repeat -270px -472px;height:161px; position:relative;}
.albumProperty .singerPic img{width:150px; height:150px; position:absolute;left:3px;top:3px;}
.albumIntroOuter{float:left; background:url(../images/albumbg_06.gif) repeat-y left top;padding:0px 15px;width:458px;}
.albumTop{font:bold 12px/26px "宋体";color:#323232; height:26px; overflow:hidden;}
.albumTop p{float:right;}
.albumTop span{float:left;}
.albumContent{line-height:26px;margin-top:20px; text-align:left;}
.albumIntroMore{text-align:right;}
/*AllLoveCon*/
.AllLoveCon{border:1px solid #E0E0DE;border-top:none;border-bottom-width:2px;padding-top:10px;}
.AllLoveOptions{background:url(../images/ting_sprites.gif) no-repeat right -132px;width:257px; height:32px; overflow:hidden;}
.OptionsBg{background:url(../images/ting_sprites.gif) no-repeat right -164px;}
.AllLoveOptions a{display:block;width:127px; height:32px; line-height:32px; text-align:center;color:#fff;float:left;cursor:pointer;}
.AllLoveOptions a:hover{color:#fff; text-decoration:none;}
#rankMonthCon{display:none;}
.albumRank{background:url(../images/ting_sprites.gif) no-repeat 10px -651px;height:260px;}
.albumRank li{height:25px; line-height:25px; overflow:hidden;padding-left:42px; }
.albumRankTitle{line-height:25px;background:left -248px;padding-left:12px;}
.albumRankTitle2{line-height:25px;background:left -272px;padding-left:12px;}
.albumGoListen{float:right; background:url(../images/ting_sprites.gif) no-repeat left -40px; display:block;width:28px; height:20px; cursor:pointer;}
/*list*/
.albumSongsList{margin-top:12px; overflow:hidden;}
.albumSongsList li{height:28px; overflow:hidden; line-height:28px;}
.albumSongsList li input{vertical-align:middle;margin:0px 8px;}
.albumSongsList li a{line-height:28px;}
.albumSongsList .newSongsBg{background:#F2F2F2 url(../images/ting_sprites.gif) no-repeat 292px -37px;}
.albumSongsList li .playerbt{float:right; display:block;width:15px; height:13px; background:url(../images/ting_sprites.gif) no-repeat left -44px;margin-right:20px;margin-top:7px; display:inline;}
.albumControl{border-top:1px solid #E6E6E6;margin-top:12px;}
/****zhuanjilist**/
.current{color:#ADA8A8;}
.tingAlbumList{margin-top:4px;width:994px;}
.tingAlbumList li{width:110px; height:190px; overflow:hidden;float:left;margin-right:32px; display:inline; }
.tingAlbumList li span{color:#7d7d7d;padding-left:4px; display:block; line-height:14px;}
.newsListPage{margin:0px 14px; text-align:center;padding-top:29px;padding-bottom:12px;}
.newsListPage a{font:italic normal 14px/28px Arial, Helvetica, sans-serif;color:#424242;padding:0px 5px; line-height:28px;}
.newsListPage a:hover,.newsListPage .currentPage{text-decoration:none;font:italic bold 14px/28px Arial, Helvetica, sans-serif; background:url(../images/newspage_03.gif) no-repeat center bottom; line-height:28px;padding-bottom:3px;}
.tingAlbumList .no_list{margin: 90px auto;height:39px;line-height:39px;vertical-align:middle;font-size:16px;color:#999;text-align:center;display: none;}
.tingAlbumList .no_list span{color:#FF482A;}
.tingAlbumList .no_list img{height: 39px;line-height: 39px;vertical-align: middle;}
.newsListPage .newsNextPage{font:normal normal 12px "宋体"; text-decoration:none; background:url(../images/info_sprites.gif) no-repeat right -238px;padding-right:12px;}
.newsListPage .newsNextPage:hover{font:normal bold 12px "宋体"; text-decoration:none; background:url(../images/info_sprites.gif) no-repeat right -238px;padding-right:12px;}
.albumListRank{text-align:right;}
.albumListRank span{display:block;float:right; line-height:14px;height:14px;padding:0px 4px;border-left:4px solid #BDBDBD;margin-top:5px;}
.albumListRank select{float:right; vertical-align:middle;}

/*搜索框*/
.s_box{width: 220px;height: 25px;float: right;}
.s_box input,.s_box a{vertical-align: middle;display: inline-block;}
.s_box input{width: 150px;height: 23px;line-height: 23px;color:#ddd;}
.s_box a{height: 25px;line-height: 25px;width: 60px;font-size: 13px;color:#fff;font-weight: bold;background: #7cdaff;text-decoration: none;text-align:center;}
.s_box a:hover{background: #3db9ec;}

/*唱片公司页*/
.albumProperty .popularity{color:#CA5A00;}
.tingRecords{margin-top:14px;width:728px;}
.tingRecords li{width:110px; height:148px; overflow:hidden;float:left;margin-right:35px; display:inline; }
.tingRecords li span{color:#7d7d7d;padding-left:4px; display:block; line-height:14px;}
.recordsSingers{margin-top:10px;}
.recordsSingers li{width:110px; height:165px; overflow:hidden;float:left; text-align:center; line-height:22px;margin:0px 8px; display:inline;}
.SingersOuter{overflow:hidden;border:1px solid #E0E0E0;border-top:none;border-bottom-width:2px;zoom:1;}

/*new*/
.listenMainBody{width:696px; overflow:hidden;float:left;}
.listenSiderBar{width:257px; overflow:hidden;float:right;}
.questions{ margin-top:-5px; border:1px solid #E0E0E0;width:255px;float:left;margin-bottom:10px;padding-bottom:10px;}
.questionTop{ line-height:33px;padding:0px 10px; color:#7b7b7b;}
.questionTop a{float:right;color:#61CDF6; text-decoration:underline;}
.questionList li{line-height:20px;padding:0 10px;}
.questionList li,
.questionList li a{ color:#7b7b7b;}
.questionList li a:hover{ color:#80DBFF}

/*tips*/
.im_stips_style02{ position:absolute; background:#f3f3f3; color:#666; border:1px solid #d3d3d3; zoom:1;}
.im_stips_style02 .tri,
.im_stips_style02 .tri02{ position:absolute; display:block; width:1em; height:1.2em; font-style:normal;}

.im_stips_style02 .tri{ z-index:2; color:#f3f3f3;}
.im_stips_style02 .tri02{ z-index:1; color:#d3d3d3;}
.im_stips_style02 a{ float:none; color:#6FCEF4;}
.im_stips_style02 a:hover{ text-decoration: underline; color:#6FCEF4;}
.im_stips_style02_content{ position:relative; z-index:3; padding:8px 10px; line-height:1.5; font-weight: normal;}

/*推荐音乐人*/
.tj_musicer{ position:relative; margin-top:12px;}
	.tj_musicer_content{ margin-top:12px; position:relative; height:150px; overflow:hidden;}
	.tj_musicer_prevbtn{ left:0;}
	.tj_musicer_nextbtn{ right:0;}
	.tj_musicer_prevbtn,
	.tj_musicer_nextbtn{ position:absolute; top:42px; width:32px; height:32px; text-decoration:none; color:#999;}
	.tj_musicer_prevbtn:hover,
	.tj_musicer_nextbtn:hover{ color:#45BEEE; text-decoration:none;}
	.tj_musicer_prevbtn i,
	.tj_musicer_nextbtn i{ display:block; margin-top:-25px; font:64px/1 'Segoe UI', Arial, 'Microsoft Yahei', Simsun, sans-serif;}
	
	.tj_musicer_list{ position:relative; width:632px; height:140px; margin:0 auto; overflow:hidden;}
	.tj_musicer_list_ct{}

	.tj_musicer_list_item{ float:left; display:inline; width:110px; height:140px; margin:0 8px; overflow:hidden;}
		.tj_musicer_list_item .tingImgBox1{}
		.tj_musicer_list_item .tingImgMask1{ background:none;}
		.tj_musicer_list_item .txt{ text-align:center; color:#666;}
		.tj_musicer_list_item .txt a{ color:#666;}

.tj_musicer .inew_icon{ position:absolute; left:70px; top:5px; display:inline-block; vertical-align:middle; width:0; height:12px; padding-left:32px; overflow:hidden; background:url(../images/new_tips.png) no-repeat;}


.tobb_btn{}

.tobb_btn{ display:inline-block; height:48px; border-top:1px solid #10d5f9; border-bottom:1px solid #00c8fa; font-size:14px; font-weight:bold;  color:#fff; font-size:12px; visibility:visible; margin-left:1px; margin-bottom:18px;}
.tobb_btn span{ position:relative; cursor:pointer; float:left; display:inline; padding:0 10px; width:237px; margin:0 -1px; font-size:12px; height:48px; line-height:48px;_line-height:48px; background:#b8b8b8; overflow:hidden; text-align:center; background: -webkit-gradient(linear,0 0,0 100%,from(#10d5f9),to(#00c8fa));background: -moz-linear-gradient(top,#10d5f9,#00c8fa);background: -o-linear-gradient(top,#10d5f9,#00c8fa); filter: progid:DXImageTransform.Microsoft.gradient(enable=true,GradientType:0,startColorstr="#10d5f9",endColorstr="#00c8fa");}
.tobb_btn:hover{border-top-color:#51e8ff; border-bottom-color:#3cd4fa; }
.tobb_btn:hover span{background: -webkit-gradient(linear,0 0,0 100%,from(#51e8ff),to(#3cd4fa));background: -moz-linear-gradient(top,#51e8ff,#3cd4fa);background: -o-linear-gradient(top,#51e8ff,#3cd4fa); filter: progid:DXImageTransform.Microsoft.gradient(enable=true,GradientType:0,startColorstr="#51e8ff",endColorstr="#3cd4fa");}
