/* CSS Document by chinayubo QQ */
@import url(common.css);

.dqwz{ height:24px; line-height:24px; width:960px; overflow:hidden; padding-bottom:6px;}
.song{ width:958px; display:inline-block; overflow:hidden;}

.songL{ width:190px; background:url(album/albumLbg.png) repeat-y top right; float:left;}
.songR{ width:726px; float:right; padding:10px 20px; background:#FFF;}
.songL,.songR{ padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and  min-width: 0px{
.songL,.songR{ padding-bottom: 0 !important; margin-bottom: 0 !important; }
.songL:before, .songR:before{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}
}
.rankList{ width:184px; padding-left:6px; padding-top:6px;}
.rankList h3{ width:184px; height:38px; overflow:hidden;}
.rankList h3 a{ display:block; width:146px; height:38px; line-height:38px; background:url(album/ablumIcons.gif) no-repeat 26px -18px; padding-left:38px; color:#464646; font-size:14px;}
.rankList h3.current a{ background:url(album/playbtn.png) no-repeat 0 -141px; color:#0071bc; text-decoration:none; font-weight:bold;}
.rankList h3 a:hover{ background:url(album/playbtn.png) no-repeat 0 -141px; color:#0071bc; text-decoration:none; font-weight:bold;}
.rankList h1{ background:url(album/ablumIcons.gif) no-repeat 24px -190px; font-family:"微软雅黑"; border-top:1px dashed #c9cdcf; height:30px; line-height:30px; padding:6px 0 6px 36px; margin-top:8px; color:#708baf; font-size:14px; width:142px; font-weight:bold;}
.rankList ul.rankListOne li{}
.rankList ul.rankListOne li a{ display:block; width:146px; height:38px; line-height:38px; background:url(album/ablumIcons.gif) no-repeat 26px -18px; padding-left:38px; color:#464646; font-size:14px;}
.rankList ul.rankListOne li a:hover{ background:url(album/playbtn.png) no-repeat 0 -141px; color:#0071bc; text-decoration:none; font-weight:bold;}
.rankList ul.rankListOne li.current a{ background:url(album/playbtn.png) no-repeat 0 -141px; color:#0071bc; text-decoration:none; font-weight:bold;}
/******* rankList *******/

#notes_info{ width:726px;}
#notes_info #title{
  width:726px; display:inline-block; border-bottom:3px solid #dce3e6; 
}
#notes_info #title .titleTit{font-size:22px; font-family:"微软雅黑"; height:22px; line-height:22px; background:url(album/ablumIcons.gif) no-repeat 0px -100px; color:#0071bc; float:left; padding:10px 0 10px 10px;}
#notes_info #title .info_menuoff a{ color:#898989;  padding:0 8px;}
#notes_info #title .info_menuoff,#notes_info #title .info_menuon{ color:#898989;}
#notes_info #title a:hover,.info_menuon a:hover{ color:#0071bc; text-decoration:none;}
#notes_info #title .info_menuon a{ color:#0071bc; padding:0 8px;}
.info_menuon{
  float:left;
  font-size:12px;
  color:#fff;
  height:42px;
  
  text-align:center;
  line-height:42px;
  background:url(album/rankNews.png) no-repeat center -108px;
}
.info_menuoff{
  float:left;
  font-size:12px;

  color:#fff;
  height:42px;
  text-align:center;
  line-height:42px;
}
#notes_info #data{}
.info_listoff{
display:none;
}
/******* tab info *******/

#notes_into{ width:726px;}
#notes_into #title{
  width:726px; display:inline-block; border-bottom:3px solid #dce3e6; 
}
#notes_into #title .titleTit{font-size:22px; font-family:"微软雅黑"; height:22px; line-height:22px; background:url(album/ablumIcons.gif) no-repeat 0px -100px; color:#0071bc; float:left; padding:10px 0 10px 10px;}
#notes_into #title .into_menuoff a{ color:#898989;  padding:0 8px;}
#notes_into #title .into_menuoff,#notes_into #title .into_menuon{ color:#898989;}
#notes_into #title a:hover,.into_menuon a:hover{ color:#0071bc; text-decoration:none;}
#notes_into #title .into_menuon a{ color:#0071bc; padding:0 8px;}
.into_menuon{
  float:left;
  font-size:12px;
  color:#fff;
  height:42px;
  
  text-align:center;
  line-height:42px;
  background:url(album/rankNews.png) no-repeat center -108px;
}
.into_menuoff{
  float:left;
  font-size:12px;

  color:#fff;
  height:42px;
  text-align:center;
  line-height:42px;
}
#notes_into #data{}
.into_listoff{
display:none;
}
/******* tab into *******/
.ranking{ width:726px; display:inline-block;}
.rankNews{ width:350px;}
.rankNewsTit{ width:350px; display:inline-block; line-height:38px;  border-bottom:1px solid #ddd; margin-bottom:10px;}
.rankNewsTit h3{ background:url(album/rankNews.png) no-repeat 0 0; padding-left:50px; height:38px;  color:#e48b0d; float:left; font-weight:bold; font-size:14px;}
.rankHotTit{ width:350px; display:inline-block; line-height:38px; border-bottom:1px solid #ddd; margin-bottom:10px;}
.rankHotTit h3{ background:url(album/rankNews.png) no-repeat 0 -66px; padding-left:50px; height:38px; font-weight:bold; font-size:14px; color:#0071bc; float:left; }
ul.rlist{ width:350px; display:inline-block;}
ul.rlist li{ height:16px; line-height:16px; float:left; padding:10px 0; width:350px; overflow:hidden;}
ul.rlist li span{ float:left; margin-left:6px;}
ul.rlist li div{ float:left; height:16px; overflow:hidden;}
ul.rlist li .num{ width:36px; text-align:center; color:#ababab; font-weight:bold;}
ul.rlist li .c1{ color:#9d080d;}
ul.rlist li .c2{ color:#0071bc;}
ul.rlist li .c3{ color:#177b2f;}
ul.rlist li .c4{ color:#b7b7b7;}
ul.rlist li .rankNane{ width:209px;}
ul.rlist li .rankSinger{width:50px;}
ul.rnakingSong{ width:726px; display:inline-block; margin-top:6px;}
ul.rnakingSong li.d_over{ background:#f9f7e6;}
ul.rnakingSong li.d_out{ background:#fff;}
ul.rnakingSong li{ height:18px; line-height:18px; float:left; padding:16px 0; width:242px; overflow:hidden; border-top:1px dashed #ddd;}
ul.rnakingSong li span{ float:left; margin-left:6px;}
ul.rnakingSong li div{ float:left; height:18px; overflow:hidden;}
ul.rnakingSong li .check{ height:18px;width:18px;text-align:center;}
ul.rnakingSong li .num{ width:35px;}
ul.rnakingSong li .num b{ font-size:14px; font-family:Arial; float:left; padding-left:6px;}
ul.rnakingSong li .num b.c1{ color:#9d080d;}
ul.rnakingSong li .num b.c2{ color:#0071bc;}
ul.rnakingSong li .num b.c3{ color:#177b2f;}
ul.rnakingSong li .num b.c4{ color:#b7b7b7;}
ul.rnakingSong li .num p{ float:left; margin-left:10px;}
ul.rnakingSong li .num p.up{ width:16px; height:16px; overflow:hidden; background:url(album/playbtn.png) no-repeat -19px -192px; display:block}
ul.rnakingSong li .num p.down{ width:16px; height:16px; overflow:hidden; background:url(album/playbtn.png) no-repeat 0 -192px; display:block}
ul.rnakingSong li .num p.ping{ width:16px; height:16px; overflow:hidden; background:url(album/playbtn.png) no-repeat -36px -192px; display:block}
ul.rnakingSong li .rankNane{ font-size:14px;width:131px;float:left; height:18px; overflow:hidden;}
ul.rnakingSong li .rankSinger{color:#d0d0d0;width:36px;}

/*select1*/
#age_sel_1 div.tag_select{display:block;color:#868686;width:77px;height:30px;background:transparent url("album/songSelect01.png") no-repeat left top;padding:0 10px;line-height:30px;}
#age_sel_1 div.tag_select_hover{display:block;color:#0071bd;width:77px;height:30px;background:transparent url("album/songSelect01.png") no-repeat 0 -30px;padding:0 10px;line-height:30px;}
#age_sel_1 div.tag_select_open{display:block;color:#0071bd;width:77px;height:30px;background:transparent url("album/songSelect01.png") no-repeat 0 -60px;padding:0 10px;line-height:30px;}
#age_sel_1 ul.tag_options{position:absolute;margin:0;list-style:none;background:transparent url("album/songSelect01.png") no-repeat left bottom;padding:0 0 1px;margin:0;width:96px;}
#age_sel_1 ul.tag_options li{background:transparent url("album/songSelect01.png") repeat-y -117px 0;display:block;width:76px;padding:0 10px;height:30px;text-decoration:none;line-height:30px;color:#868686;}
#age_sel_1 ul.tag_options li.open_hover{background:transparent url("album/songSelect01.png") no-repeat 0 -120px;color:#0071bd}
#age_sel_1 ul.tag_options li.open_selected{background:transparent url("album/songSelect01.png") no-repeat 0 -90px;color:#464646}
/*select1--end*/
.rankimgTit{ width:726px; display:inline-block; border-bottom:1px solid #ddd; padding-bottom:2px;}
.rankimgTit h3{ font-size:20px; font-family:"微软雅黑"; color:#76b0ff; background:url(album/rankNews.png) no-repeat 0 -170px; padding-left:50px; height:40px; line-height:40px; font-weight:bold;}
.rankIconUp{ background:url(../images/rankIcons.png) no-repeat 0 0; text-align:center; height:8px; width:8px; overflow:hidden;}
.rankIconDown{ background:url(../images/rankIcons.png) no-repeat 0 -50px; text-align:center; height:8px; width:8px; overflow:hidden;}
.rankIconMid{ background:url(../images/rankIcons.png) no-repeat 0 -98px; text-align:center; height:8px; width:8px; overflow:hidden;}
.rankingAlbum{ width:726px; display:inline-block;}
.rankingAlbumPic{ width:172px; height:172px; overflow:hidden; position:relative; z-index:0;}
.rankingAlbumPic .playtext{ position:absolute; left:0; top:0; z-index:0;}
.rankingAlbumPic .playBtn{ position:absolute; bottom:10px; right:10px;  z-index:1000;}
.rankingAlbumPic .playBtn a{
	background:url(album/ksplayb.png) no-repeat; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.rankingAlbumPic .playBtn a:hover{ background:url(album/ksplay.png);}

.rankBg_01{ background:#a7b7c6;}
.rankBg_02{ background:#bbbcbc;}
.rankingAlbum ul{}
.rankingAlbum li{ width:172px; padding:0 4px; float:left; padding-bottom:14px;}
.rankingAlbum dl{ width:172px; height:100px; background:#ebebeb; color:#898989;}
.rankingAlbum dl dt{ float:left;color:#fff; width:50px; height:100px; font-size:32px; text-align:center; line-height:100px; font-family:Arial;}
.rankingAlbum dl dd{ padding-left:10px; padding-top:2px; float:left} 
.rankingAlbum dl dd p{ width:110px; line-height:24px; height:24px; overflow:hidden;}
.rankingAlbum dl dd p b{ font-size:16px; color:#f60; font-family:Arial;}

.rankingSong{ border-top:1px dashed #ddd;}

.rankingSong ul li{ border-bottom:1px dashed #ddd; padding:14px 0; height:44px; overflow:hidden; width:726px; display:inline-block;  color:#a2a2a2;}
.rankingSong ul li.d_over{ background:#f9f7e6;}
.rankingSong ul li.d_out{ background:#fff;}
.rankingSong ul li div{ float:left;}
.rankingSong ul li .num{ width:60px; font-size:26px; line-height:44px; text-align:center; font-family:Arial; font-weight:bold;}
.rankingSong ul li .num .c1{ color:#f26521;}
.rankingSong ul li .num .c2{ color:#c2c2c2;}
.rankingSong ul li .name{ width:250px;}
.rankingSong ul li .name img{ float:left; width:44px; height:44px; overflow:hidden; padding-right:16px;}
.rankingSong ul li .name h1{ height:24px; line-height:24px; width:190px; overflow:hidden; font-size:14px; font-weight:bold;}
.rankingSong ul li .name p{ height:20px; line-height:20px;}
.rankingSong ul li .up_down{ width:310px; height:44px; float:left;}
.rankingSong ul li .up_down dt{ width:140px; float:left; height:22px; line-height:22px; overflow:hidden; float:left;}
.rankingSong ul li .up_down dd{ padding:5px 0;}
.up_down .box1{width:170px; height:12px; float:left;}
.up_down .box1_color{
	height:12px; overflow:hidden; 
	background:rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter:Alpha(opacity=20); background:#333;/*实现IE背景透明*/
}
.rankingSong ul li .fs{ height:44px; float:left; line-height:22px;}
.rankingFs{ background:url(album/playico.png) no-repeat -514px 7px; padding-left:16px;}
.rankingSl{ background:url(album/playico.png) no-repeat -514px -12px; padding-left:16px;}


.albumSwf{ width:726px; height:290px; overflow:hidden;}
.albumAds{ width:726px; height:90px; overflow:hidden;}

.albumNews .tit{ width:726px; display:inline-block; border-bottom:1px solid #dce3e6; padding:10px 0 10px 0;}
.albumNews .tit .titL{ font-size:22px; font-family:"微软雅黑"; height:22px; line-height:22px; background:url(../images/ablumIcons.gif) no-repeat 0px -110px; color:#0071bc; float:left; padding-left:10px;}
.albumNews .tit .titR{ float:right;}
.albumNews .tit .titR a{ display:block; width:21px; height:21px; overflow:hidden;}
.albumNews .tit .titR span{ display:block; float:right; padding-right:6px;}
.albumNews .tit .titR span.titRbtn01 a{ background:url(../images/ablumRbtn.png) no-repeat top right;}
.albumNews .tit .titR span.titRbtn02 a{ background:url(../images/ablumRbtn.png) no-repeat top left;}
.albumNews .tit .titR span.titRbtn01 a:hover{ background:url(../images/ablumRbtn.png) no-repeat bottom right;}
.albumNews .tit .titR span.titRbtn02 a:hover{ background:url(../images/ablumRbtn.png) no-repeat bottom left;}

.albumNewsList { width:724px; padding-left:2px; padding-top:14px;}
.albumNewsList li{ width:126px; float:left; padding:0 9px 10px; height:180px; overflow:hidden;}
.albumNewsList li p{ height:24px; line-height:24px; width:126px; overflow:hidden; text-align:center; color:#555555; display:}
.albumNewsList ul li .albumPlay{ position:relative; height:126px; width:126px;}
.albumNewsList ul li .albumPlay .albumPic{ position:absolute; border:1px solid #d7d7d7; width:120px; height:120px; overflow:hidden; padding:2px;}
.albumNewsList ul li .albumPlay .albumBtn{ position:absolute; top:85px; left:85px;}
.albumNewsList ul li .albumPlay .albumBtn a{
	background:url(../images/ablumPlayA.png) no-repeat; width:40px; height:40px; overflow:hidden; display:block;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ablumPlayA.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}
.albumNewsList ul li .albumPlay .albumBtn a:hover{ background:url(../images/ablumPlayH.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ablumPlayH.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}
.rankTab ul{ padding-bottom:20px; padding-left:2px;}
.rankTab ul li{ float:left; height:120px; width:120px; overflow:hidden; padding-top:14px;}
.rankTab ul li .albumPlay{ position:relative; height:120px; width:120px;}
.rankTab ul li .albumPlay .albumPic{ position:absolute; width:120px; height:120px; overflow:hidden; }
.rankTab ul li .albumPlay .albumBtn{ position:absolute; top:98px;}
.rankTab ul li .albumPlay .albumBtn a{
	width:120px; height:24px; overflow:hidden; display:block; text-align:center; color:#fff; line-height:24px;
	background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter:Alpha(opacity=70); background:#000000;/*实现IE背景透明*/
}
.rankTab ul li .albumPlay .albumBtn a:hover{}



.albumTab{ width:726px; display:inline-block; padding-top:14px;}
.albunTabL { width:270px; float:left;}
.albunTabL .albumTabLpic{ width:260px; height:260px; overflow:hidden; border:1px solid #dadada; padding:4px;}
.albunTabL .albumTabTit{ height:30px; line-height:30px; width:270px; overflow:hidden; font-size:12px; color:#898989; padding:10px 0;}
.albunTabL .albumTabTit h1{ height:30px; width:200px; overflow:hidden; float:left; font-family:"微软雅黑"; font-size:16px; font-weight:bold;}
.albunTabL .albumTabTit h1 a{color:#588baa;}
.albunTabL .albumTabTit h1 a:hover{color:#f00;}

.albumTabR{ float:right; width:432px;}
.albumTabR li{ width:126px; float:left; padding:0 9px 10px; height:180px; overflow:hidden;}
.albumTabR li p{ height:24px; line-height:24px; width:126px; overflow:hidden; text-align:center; color:#555555; display:}

.albumTabR .albumPic{ position:relative; z-index:0; width:126px; height:126px; overflow:hidden;}
.albumTabR .albumPic .playtext{ position:absolute; left:0; top:0; z-index:0;}
.albumTabR .albumPic .playBtn{ position:absolute; right:6px; bottom:6px; z-index:1000;}
.albumTabR .albumPic .playBtn a{
	background:url(album/ksplayb.png) no-repeat; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.albumTabR .albumPic .playBtn a:hover{ background:url(album/ksplay.png);}
.albumTabR .albumPic .playtext a{ border:1px solid #d7d7d7; width:120px; height:120px; overflow:hidden; padding:2px; display:block;}
.albumTabR .albumPic .playtext a:hover{ border:1px solid #f00;}



.albumAll_List .album_tit{width:726px; display:inline-block; border-bottom:1px solid #dce3e6; padding:10px 0 10px 0;}
.albumAll_List .album_tit h3{ border-left:6px solid #0071bc; padding-left:6px; color:#0071bc; height:20px; line-height:20px;}
.albumAll_List .albumList_Px span{ display:block; float:right; padding-right:6px; width:60px; height:24px; overflow:hidden;}
.albumAll_List .albumList_Px span.albumList_pxBtn1 a{ width:30px; height:24px; line-height:24px; display:block; background:url(../images/ablumSx.png) bottom left; padding-left:30px; color:#333;}
.albumAll_List .albumList_Px span.albumList_pxBtn1 a:hover{ width:30px; height:24px; line-height:24px; display:block; background:url(../images/ablumSx.png) top left; padding-left:30px; color:#333; text-decoration:none;}
.albumAll_List .albumList_Px span.albumList_pxBtn2 a:hover{ width:30px; height:24px; line-height:24px; display:block; background:url(../images/ablumSx.png) bottom left; padding-left:30px; color:#333;}
.albumAll_List .albumList_Px span.albumList_pxBtn2 a{ width:30px; height:24px; line-height:24px; display:block; background:url(../images/ablumSx.png) top left; padding-left:30px; color:#333; text-decoration:none;}


.albumListCon ul li{ padding:20px 0; border-bottom:1px solid #dce3e6;}
.albumListCon ul li .albumPlay{ float:left; padding-right:10px; width:138px;}
.albumListCon ul li .albumListInfo{ width:578px; float:left;}
.albumListCon ul li .albumPlay{ background:url(../images/songAlbumBg01.png) no-repeat; padding-left:10px; position:relative; height:128px; width:128px;}
.albumListCon ul li .albumPlay .albumPic{ position:absolute; border:1px solid #c8c8c8; width:126px; height:126px; overflow:hidden;}
.albumListCon ul li .albumPlay .albumBtn{ position:absolute; top:85px; left:90px;}
.albumListCon ul li .albumPlay .albumBtn a{
	background:url(../images/ablumPlayA.png) no-repeat; width:40px; height:40px; overflow:hidden; display:block;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ablumPlayA.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}
.albumListCon ul li .albumPlay .albumBtn a:hover{ background:url(../images/ablumPlayH.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ablumPlayH.png'); /* IE6 */
	_ background-image: none; /* IE6 */
}

.albumListInfo{ width:578px;}
.albumListInfo table td{ line-height:22px; padding-top:2px; padding-bottom:2px;}


.selectSong{ width:718px; margin:0 auto; padding-top:20px;}
.selectSongTop{ background:url(../images/ablumListTop.png) no-repeat; width:718px; height:8px; overflow:hidden;}
.selectSongBot{ background:url(../images/ablumListBot.png) no-repeat; width:718px; height:8px; overflow:hidden;}
.selectSongMid{ background:url(../images/ablumListMid.png) repeat-y; width:698px; padding:0 10px; display:inline-block;}
.selectSongTit{ width:698px; color:#000; height:24px; line-height:24px;}
.selectSongTit a{ color:#898989;}
.selectSongTit a:hover{ color:#0071bc; text-decoration:none;}
.selectSongMid ul {padding-left:8px;}
.selectSongMid ul li{ float:left; width:230px; border-bottom:1px solid #eee; line-height:16px; height:16px; padding:4px 0; overflow:hidden; }
.selectSongMid ul li .selectSongNum{ width:10px; padding-right:10px; text-align:left; line-height:16px; height:16px; overflow:hidden;}
.selectSongMid ul li .selectSongNane{ width:170px; padding-right:10px; text-align:left;  line-height:16px; height:16px; overflow:hidden;}