﻿/* CSS Document by chinayubo QQ */
@import url(common.css);

.song{ width:958px; display:inline-block; overflow:hidden;}

.songL{ width:210px; background:url(album/albumLbg.png) repeat-y; float:left;}
.songR{ width:726px; float:right; padding:10px; 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;
}
}

.albumList{ width:184px; padding:10px 13px; display:inline-block;}

.albumList li.png{  font-family:"微软雅黑"; height:18px; line-height:18px; text-indent:-999px; width:184px; float:left; display:inline-block; padding-bottom:6px;}
.albumList li.b1{ background:url(album/album.png) no-repeat 14px -41px;}
.albumList li.b2{ background:url(album/album.png) no-repeat 14px -69px;}
.albumList li.b3{ background:url(album/album.png) no-repeat 14px -97px;}

.albumList ul.albumListOne li{ width:184px; float:left; margin:3px 0;}
.albumList ul.albumListOne li.line{border-bottom:1px solid #dce3e6; height:8px; overflow:hidden; margin-bottom:14px;}
.albumList ul.albumListOne li a{ display:block; width:158px; height:30px; line-height:30px; background:url(album/icons.gif) no-repeat 14px 12px; padding-left:26px; color:#0071bc; font-size:14px;}
.albumList ul.albumListOne li a:hover{ background:url(album/album.png) no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
.albumList ul.albumListOne li.current a{background:url(album/album.png) no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
.albumList ul.albumListTwo li{ width:180px; display:inline-block;}
.albumList ul.albumListTwo li.line{border-bottom:1px solid #dce3e6; height:8px; margin-bottom:14px;}
.albumList ul.albumListTwo li a{ display:block; width:64px; height:30px; line-height:30px; background:url(album/icons.gif) no-repeat 14px -24px;float:left; padding-left:26px; color:#0066cc;}
.albumList ul.albumListTwo li a:hover{ color:#61a7ed;}
/******* albumList *******/


.albumSwf{ width:726px; height:290px; overflow:hidden;}
.focus{ position:relative; float:left; width:726px; height:290px; overflow:hidden; z-index:0;}
.beijingceng{ position:absolute; left:0; bottom:0; width:726px; height:56px; background:#000;  opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); z-index:10;}

.con{ float:left; width:308px; height:42px; overflow:hidden; color:#FFFFFF; padding:7px;}


#num { height:56px; float:right;}
#num ul{ margin:0px; padding:0px; height:54px; padding-top:2px; padding-right:6px;}
#num LI { text-align:center; width:56px;float:right; cursor:hand;list-style-type:none;}
#num .nos IMG { width:40px; height:40px; padding:6px 3px 3px; background:url(album/picSwf.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); z-index:0; display:block;}
#num .s { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
#num .s IMG {width:40px; height:40px; border:3px solid #FFF; margin-top:3px; display:block; cursor:pointer;}
.texiao{filter:progid:dximagetransform.microsoft.gradientwipe (duration=1,gradientsize=0.5,motion=forward ); width:726px; height: 290px;}

.con .playText{
	height:42px; padding-left:10px; float:left;  font-size:16px; font-weight:bold; line-height:21px;
}
.con .playText a{ color:#FFF; font-size:12px; display:block; font-weight:normal;}
.con .playText a:hover{ color:#FFF;}
.con .playBtn{ float:left;}
.con .playBtn a{
	background:url(album/album.png) no-repeat 6px -120px; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.con .playBtn a:hover{ background:url(album/album.png) -39px -120px;}



.albumAds{ width:726px; height:90px; overflow:hidden;}

.global_module { 
	position:relative;
	background:#EEEEEE;
	padding-bottom:8px;
}
.content_right .prolist { 
	position:relative; 
	height: 220px;
	margin-bottom:10px; 
	overflow:hidden; 
	border: 1px solid #AAAAAA;
	background:#FFFFFF;
}
.content_right .prolist .prolist_content{
 	position:absolute; 
	width:1800px;
	top:26px; 
	left:0px;
	padding:20px 0 0 8px;
}
.content_right .prolist ul{  
	margin-bottom:10px; 
    float:left;
	height: 220px;
}
.content_right .prolist ul li { 
	float:left;
	display:inline;
	text-align:center;
	margin-right:22px;  
}
.content_right .prolist ul li span { 
	display:block;
	overflow:hidden; 
}
.content_right .prolist ul li img { 
	display:block; 
	width:124px; 
	height:124px; 
	background:#EEE; border:0;
}
.module_left_right{ 
	position:absolute; 
	top:5px; 
	right:10px; 
	cursor:pointer;
}
.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(album/album.png) no-repeat -115px -131px;}
.albumNews .tit .titR span.titRbtn02 a{ background:url(album/album.png) no-repeat -91px -131px;}
.albumNews .tit .titR span.titRbtn01 a:hover{ background:url(album/album.png) no-repeat -163px -131px;}
.albumNews .tit .titR span.titRbtn02 a:hover{ background:url(album/album.png) no-repeat -139px -131px;}

.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 .albumPic{ position:relative; z-index:0; width:126px; height:126px; overflow:hidden;}
.albumNewsList ul li .albumPic .playtext{ position:absolute; left:0; top:0; z-index:0;}
.albumNewsList ul li .albumPic .playBtn{ position:absolute; right:6px; bottom:6px; z-index:1000;}
.albumNewsList ul li .albumPic .playBtn a{
	background:url(album/ksplayb.png) no-repeat; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.albumNewsList ul li .albumPic .playBtn a:hover{ background:url(album/ksplay.png);}
.albumNewsList ul li .albumPic .playtext a{ border:1px solid #d7d7d7; width:120px; height:120px; overflow:hidden; padding:2px; display:block;}
.albumNewsList ul li .albumPic .playtext a:hover{ border:1px solid #f00;}

#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 *******/


.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:18px; font-weight:bold;}
.albunTabL p{ color:#858585; line-height:20px;}
.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;}

.albumTabR ul li .albumPic{ position:relative; z-index:0; width:126px; height:126px; overflow:hidden;}
.albumTabR ul li .albumPic .playtext{ position:absolute; left:0; top:0; z-index:0;}
.albumTabR ul li .albumPic .playBtn{ position:absolute; right:6px; bottom:6px; z-index:1000;}
.albumTabR ul li .albumPic .playBtn a{
	background:url(album/ksplayb.png) no-repeat; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.albumTabR ul li .albumPic .playBtn a:hover{ background:url(album/ksplay.png);}
.albumTabR ul li .albumPic .playtext a{ border:1px solid #d7d7d7; width:120px; height:120px; overflow:hidden; padding:2px; display:block;}
.albumTabR ul li .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; font-size:14px; font-weight:bold;}
.albumAll_List .albumList_Px span{ display:block; float:right; padding-right:6px; width:60px; height:24px; overflow:hidden;}
.albumAll_List .albumList_Px span a{ width:30px; height:24px; line-height:24px; display:block; background:url(playbtn.png) -83px -344px; padding-left:30px; color:#333;}
.albumAll_List .albumList_Px span a:hover{ background:url(playbtn.png) -83px -370px; color:#f26521; text-decoration:none;}
.albumAll_List .albumList_Px span.current a{ background:url(playbtn.png) -83px -370px; color:#f26521; text-decoration:none;}

.line{ border-bottom:1px dashed #dce3e6;}
.albumListCona li .songPic{ width:128px; height:128px; float:left;background:url(playbtn.png) -206px 0; padding-left:10px; }
.albumListCona li .songpics{ border:1px solid #c7c7c7; width:126px; height:126px; overflow:hidden; position:relative;}
.albumListCona li .songpics .playtext{ position:absolute; left:0; top:0; z-index:0;}
.albumListCona li .songpics .playBtn{ position:absolute; right:0px; bottom:0px; z-index:1000;}
.albumListCona li .songpics .playBtn a{
	background:url(album/ksplayb.png) no-repeat; width:42px; height:42px; overflow:hidden; display:block; text-indent:-999px;
}
.albumListCona li .songpics .playBtn a:hover{ background:url(album/ksplay.png);}

.al{width:726px; display:inline-block;}
.albumListCona{ width:726px; display:inline-block;}
.albumListCona li{ padding:20px 0;  height:128px; overflow:hidden;}
.albumListCona .albumText1{ float:left; width:570px; padding-left:10px;}
.albumListCona .albumText1 dl{ width:570px; display:inline-block;}
.albumListCona .albumText1 dl dt{ float:left;}
.albumListCona .albumText1 dl dt span{ display:block; float:left; margin-right:6px; height:16px; line-height:16px; padding:7px 0; font-size:14px;}
.albumListCona .albumText1 dl dt p{ float:left; clear:both; height:24px; line-height:24px; color:#636363; width:340px;}
.albumListCona .albumText1 dl dd{ float:right; padding-top:10px; padding-right:10px;}
.albumListCona .albumText1 dl dd b{ font-size:20px; color:#f26521; font-family:Arial; padding-right:4px;}
.albumListCona .albumText1 .he1{ width:570px; height:40px; line-height:20px; overflow:hidden; color:#898989;}
.albumListCona .albumText1 .album_box{ background:#ffffd6; border:1px solid #eee5c4; height:22px; float:left; line-height:22px; padding:0 14px; color:#707070; margin-top:4px;}


/*select1*/
#age_sel_1{ height:22px; overflow:hidden; float:left;padding-right:10px;}
#age_sel_1 a{display:block;color:#0071bc;height:22px;background:transparent url(album/rankNews.png) no-repeat right -504px;line-height:22px; margin-top:4px; float:left; padding-right:10px;}
#age_sel_1 a:hover{ text-decoration:none;}

/*select1--end*/

.selectSong{ width:718px; margin:0 auto; padding-bottom:10px;}
.selectSongTop{ background:url(album/ablumListTop.png) no-repeat; width:718px; height:8px; overflow:hidden;}
.selectSongBot{ background:url(album/ablumListBot.png) no-repeat; width:718px; height:8px; overflow:hidden;}
.selectSongMid{ background:url(album/ablumListMid.png) repeat-y; width:698px; padding:0 10px; display:inline-block;}
.selectSongTit{ width:698px; color:#000; height:24px; line-height:24px;}
.selectSongTit .fr a{ font-family:Arial; font-size:14px; font-weight:bold; color:#b0afaf; line-height:16px;}
.selectSongTit a{ color:#898989;}
.selectSongTit a:hover{ color:#0071bc; text-decoration:none;}
.selectSongMid ul {}
.selectSongMid ul li{ float:left; width:232px; 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;}

.selectAllPlay a{ background:url(playbtn.png) no-repeat -83px -396px; height:23px; width:65px; display:block; overflow:hidden; text-indent:-999px;}


