/*-------------------------------------------------
 www.516show.cn, Created by 516show.cn , 2007-10-21
 Modified 2007-10-21 
-------------------------------------------------*/


/* 播放页主体内容样式 */
.btn_new1	{height:20px; width:100px; border:1px solid #8C8C8C; background:url('../global/images/btn_bg.gif') repeat-x; font-weight:bold; color:#555; padding-top:2px;cursor:pointer!important;cursor:hand}
.btn_new2	{height:20px; width:140px; border:1px solid #8C8C8C; background:url('../global/images/btn_bg.gif') repeat-x; font-weight:bold; color:#555; padding-top:2px;cursor:pointer!important;cursor:hand}
.eLink {
	text-decoration: none;
	border-bottom: 1px dotted #03C;
	}
.alignMid { vertical-align: middle; }
.alignTop { vertical-align: top; }
.alignBot { vertical-align: bottom; }
.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }



/* ==== 页面总体布局 ==== */
#Disp						{width:950px;margin-top:4px;margin-right:auto;margin-left:auto;line-height:120%;}
#Disp .LeftContent			{width:460px;float:left;text-align:left;}
#Disp .RightContent			{width:250px;float:left;margin-top:10px}

#Disp .RightAudioist		{
	float:right;
	width:220px;
	margin-top:10px;
}


/* ==== 左侧音频播放器区域 ==== */

#DispAudio							{margin-top:8px}
#DispAudio .AudioTitle				{float:left;width:440px;margin:0 auto 6px auto;background:white;}
#DispAudio .AudioTitle h2.title2{
	color:#FF3300; 
	font-weight:bold;	
	font-size:14px;
	line-height:25px;
}
.Arial		{font-family:Arial;font-size:12px;font-weight: bold;color:#FF6101;}
#DispAudio .Pn{
	float:right;
	width:100px;
	height:20px;
	text-align:center;
	margin:0;
	line-height:20px;
	background:#FFFFF6;
	border:1px solid #DEDEDE;
}

#DispAudio .player{
	float:left;
	width:440px
	height:120px;
	width:auto;
	margin:0 auto 6px auto; 
	text-align:center;
	background:#fff;
}

#DispAudio .word{
	float:left;
	width:440px;
	margin:0;
	text-align:center;
	background:white;
}


/* === DispAudio Actions Div === */

#DispAudio .Actions {
	float:left;
	width:438px;
	height:65px;
	text-align:left;
	margin:6px 0px 10px 0px; 
	border:1px solid #E0E0E0; 
	background:#FAFAFA;
}

/* DispAudio Actions-flower */
#DispAudio .Actions .flower {
	float:left;
	width:130px;
	color:#037FDD;
	line-height:30px;
	margin:10px 8px 8px 0px;
	text-align:center;
	border-right:1px solid #E3E3E3;
}

/* DispAudio Actions-egg */
#DispAudio .Actions .egg{
	float:left;
	color:#037FDD;
	width:130px;
	line-height:30px;
	margin:10px 8px 8px 0px;
	text-align:center;
	border-right:1px solid #E3E3E3;
}

/* DispAudio Actions-right */
#DispAudio .Actions .right{
	float:right;
	width:130px;
	margin:0px;
	padding-top:5px;
}

#DispAudio .Actions .right a{
	display:block;
	float:left;
	height:16px;
	margin:1px;
	padding:4px 4px 0 4px;
	border:1px solid #FAFAFA; 
}
#DispAudio .Actions .right a:hover{
	background:#FFFFCC;
	border:1px solid #FEAE01;
	color:#3751A6;
}

/* DispAudio Actions-Add to favorite */
#DispAudio .Actions .favorite{
	margin:0px;
}

/* DispAudio Actions-Share */
#DispAudio .Actions .share{
	clear:both;
	margin:0;
}




/* ==== Left Audio info ==== */

/* Audio info */
#AudioInfo{clear:both;}
#AudioInfo .infoboxbg{
	float:left;
	margin:0px 0px 10px 0px;
	padding:1px;
	border:1px solid #EEE;
	background:#fff;
}

#AudioInfo .infobox	{
	float:center;
	width:436px;
	height:auto;
	margin:0px;
	padding:0px;
	color:#333;
	background:#FAFAFA;
}

#AudioInfo div.infolist{
	text-align:left;
	padding:5px 10px;
	text-align:left;
	line-height:20px;
}

#AudioInfo .infolist ul li {
	width:418px;
	overflow:hidden;
	line-height:190%;
}
#AudioInfo .infolist ul li .point{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FF6600;
}
#AudioInfo .infolist a			{color:#333;font-weight:normal;text-decoration:underline;}
#AudioInfo .infolist a:hover	{color:#FF6101;font-weight:normal;text-decoration:underline;}

#AudioInfo .info{
	float:left; 
	width:412px;
	margin-top:8px;
	padding-top:4px;
	border-top:1px dashed #E1E1E1;
	line-height:190%;
}
#AudioInfo .info a.toolLink {
	COLOR: #037FDD; TEXT-DECORATION: underline
}
#AudioInfo .info  a:hover.toolLink{
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FF6101; TEXT-DECORATION: underline
}


/* Audio Address */
#AudioAddress{clear:both;margin-top:10px;}
#AudioAddress .infolist	{
	float:left;
	width:440px;!important;width:438px;
	height:60px;
	margin-bottom:10px;
	padding:0px;
	color:#333;
	border:1px solid #EEE;
	background:#FFFFF6;
}

#AudioAddress .infolist li {
	float:left;
	padding:8px 0 0px 8px ;
}
#AudioAddress .infolist li span {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#037FDD;
}



/* ==== Middle Other Audio and Other Vedio ==== */

#AudioInfo .user .space h2.title1 , #Aboutauthor .user .space h2.title1{font-size:12px; color:#037FDD;}
#NearlyAudio , #OtherAudio , #HotAudio{margin-top:10px}
#Aboutauthor {margin-bottom:10px;}
#Aboutauthor .b1cnb1 , #NearlyAudio .b1cnb1 , #OtherAudio .b1cnb1 , #RecommendAudio.b1cnb1 , #HotAudio.b1cnb1
{height:24px;}
#AudioInfo div.list , #NearlyAudio div.list , #OtherAudio div.list ,#RecommendAudio div.list ,#HotAudio div.list
{background:#FFFFFF;text-align:left;margin:2px;color:#474747;}

/* ==== UserInfo ==== */

.user						{margin:4px;height:144px;height:160px!important;}
.user div					{margin-top:2px;margin-left:4px;text-align:left;line-height:20px;}
.user img					{float:left;background:#FFFFFF;border:1px solid #E1E1E1;padding:2px;}
.user img.noborder			{float:none;padding:0;border:0; margin:auto 10px -1px 0;}
.user .userInfo				{margin-top:6px!important;margin-top:4px;overflow:hidden;}
.user .userInfo	.Name		{float:right; width:160px;margin-top:0px;}
.user .userInfo	.Name p		{margin-top:0px;}
.user .userInfo	.Photo		{margin-left:0;}
.user .tag					{clear:both;}
.user .tag a				{}
.user .tag a:hover			{background:#0099FF;color:#FFFFFF;text-decoration:underline;}
.user .info					{clear:both;line-height:22px;margin:4px 0 4px 4px;word-wrap:break-word;overflow:hidden;}

.user .space				{float:left;width:223px;margin-top:3px;padding-top:2px;border-top:1px dashed #E1E1E1;}
.user .space .info			{padding:2px;clear:both;line-height:15px;}
.user .space .info li		{float:left;width:100px;}




/* ======== User OtherAudio ======== */
/* Tag */
h2.title1 .tag						{}
h2.title1 .tag li					{padding:0;list-style-type:none;float:left; margin-left:8px;}
h2.title1 .tag li a					{color:#037FDD; font-weight:bold;display:block;float:left;height:24px;background:url('../global/images/st.n_left.gif') no-repeat left top;text-decoration:none;}
h2.title1 .tag li span				{display:block;float:left;height:22px;padding:6px 15px 0;background:url('../global/images/st.n_right.gif') no-repeat right top ;text-align:center;cursor:hand;}

h2.title1 .tag li.selected a		{background:url('../global/images/st_left.gif') no-repeat left top; color:#FF6101; font-weight:bold; text-decoration:none;}
h2.title1 .tag li.selected span		{background:url('../global/images/st_right.gif') no-repeat right top;}

h2.title1 .more 			{float:right;width:100px;text-align:right;margin:0px 4px;}
h2.title1 .more a			{color:#037FDD;font-weight:bold;text-decoration:none;}
h2.title1 .more a:hover		{color:#FF6101;font-weight:bold;text-decoration:underline;}

#OtherAudio								{margin-top:5px}
#OtherAudio	 .b3C						{}
#OtherAudio	 .b3c .con ul				{text-align:left;margin:5px;}
#OtherAudio	 .b3c .con ul li			{color:#334EA6;text-align:left;margin:0 6px 0 6px;border-bottom:1px solid #F4F4F4;}
#OtherAudio	 .b3c .con ul li a			{margin-left:5px;line-height:26px;color:#555;text-decoration:none;}
#OtherAudio	 .b3c .con ul li a:hover	{margin-left:5px;line-height:26px;color:#FF6101;text-decoration:underline;}
#OtherAudio	 .b3c .con ul li .point		{float:right;font-family:Arial;font-size:11px;text-align:right;line-height:26px;width:42px; color:#FF6600;}
#OtherAudio  .b3cnew                    {margin:5px;}



/* ======== Audiolist ======== */

#RightAudioist	{clear:both;}
#RecommendAudio	.listbox , #HotAudio .listbox , #NearlyAudio .listbox{
	padding:6px 10px;
}

#RecommendAudio	li , #HotAudio li , #NearlyAudio li{
	clear:both;
	height:20px;
	padding:3px 0 0px 8px;
	width:97%;	
	border-bottom:1px solid #F4F4F4;
	background:url('../global/images/dot_b.gif') 2px 8px no-repeat;
	text-align:left;
}


/* 曲名和作者链接样式 */

#RecommendAudio li a , #HotAudio li a , #NearlyAudio li a{
	float:left;
	margin-left:2px;
	text-decoration:none;
}

#RecommendAudio a.song , #HotAudio a.song , #NearlyAudio a.song{
	float:left;
	width:70%;
	color:#555;
	text-align:left;
	white-space:nowrap;
	text-overflow:ellipsis; 
	overflow: hidden;
}
#RecommendAudio a:hover.song , #HotAudio a:hover.song , #NearlyAudio a:hover.song{
	float:left;
	width:70%;
	color:#FF6101;
	text-align:left;
	text-decoration:underline;
	white-space:nowrap;
	text-overflow:ellipsis; 
	overflow: hidden;
}

#RecommendAudio a.singer , #HotAudio a.singer , #NearlyAudio a.singer{
	float:right;
	width:20%;
	color:#A9A9A9;
}

#RecommendAudio a:hover.singer , #HotAudio a:hover.singer , #NearlyAudio a:hover.singer{
	float:right;
	width:20%;
	color:#FF6101;
	text-decoration:underline;
}


















