.MusicBox
{  
	font: 10px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
	background-color: #212121;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#212121));
	background-image: -webkit-linear-gradient(top, #1B1B1B, #212121);
	background-image: -moz-linear-gradient(top, #1B1B1B, #212121);
	background-image: -ms-linear-gradient(top, #1B1B1B, #212121);
	background-image: -o-linear-gradient(top, #1B1B1B, #212121);
	background-image: linear-gradient(top, #1B1B1B, #212121);
	/*设置边框的弧度值，为3px*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;   
	
	/*阴影*/
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow: 10px 10px 25px #ccc; 
	-moz-box-shadow: 10px 10px 25px #ccc; 
	box-shadow: 10px 10px 25px #ccc; 
	/*透明度*/
	opacity:0.9; 
	/*基本属性*/ 
	border-width: 1px;
	border-style: solid;
	border-color: #488BF0 #488BF0 #488BF0 #488BF0;    
	width:810px;
	height:40px;
	padding:2px 5px;
	position:relative;
	z-index:9;
}

/*上一个媒体文件的控制图标*/
.LeftControl
{
	width:0px;
	padding: 10px 10px 10px 10px;
	float:left; 
	height:20px;
	background:url(./sk-dark.png) left 2px no-repeat;
	margin-right:8px;
	margin-left:10px;
}   
.LeftControl:hover
{
	background:url(./sk-dark.png) left -30px no-repeat;
}


/*下一个媒体文件的控制图标*/
.RightControl
{
	width:0px;
	padding: 10px 10px 10px 10px;
	float:left; 
	height:20px;
	background:url(./sk-dark.png) left -62px no-repeat;
	margin-right:8px;
}
.RightControl:hover
{
	background:url(./sk-dark.png) left -93px no-repeat;
}
/*音频进度控制
（注意这边有两个高度为2px的div,一个是.Process 一个是.ProcessYet,用来显示音频播放的进度条，一个是显示全部的音频长度，长度是固定的一个用来实时显示播放的进度的）
*/
.ProcessControl
{
	width:500px;
	padding: 5px 10px 10px 10px;
	float:left; 
	height:20px;
	margin-right:12px;
	color:#ffffff;
}

.ProcessControl .SongName  {  float:left;   }
.ProcessControl .SongTime  {  float:right;   }   
.ProcessControl .Process
{
	width: 500px;
	float: left;
	height: 2px;
	cursor: pointer;
	background-color:#000000;   
	margin-top:7px;
}

.ProcessControl .ProcessYet
{
	width: 0px;
	position:absolute;     
	height: 2px;
	left:131px;
	top:30px;
	cursor: pointer;
	background-color:#7A8093; 
}

/*静音图标*/
.VoiceEmp
{
	width:0px;
	padding: 10px 10px 10px 10px;
	float:left; 
	height:17px;
	background:url(./sk-dark.png) -28px -180px no-repeat;  
	margin-right:2px;  
}   
.VoiceEmp:hover
{
	background:url(./sk-dark.png) -28px -212px no-repeat; 
}

/*总音量进度条  */
.VoidProcess
{
	width: 66px;
	height: 2px;
	cursor: pointer;
	background-color:#000;      
	float:left;
	margin-top:19px;
	margin-right:6px;   
}

/*当前音量进度条*/
.VoidProcessYet
{
	width: 66px;
	position:absolute;     
	height: 2px;
	left:675px;
	top:21px;
	cursor: pointer;
	background-color:#7A8093; 
}

/*全音量图标*/
.VoiceFull
{      
	width:0px;
	padding: 10px 10px 10px 10px;
	float:left; 
	height:17px;
	background:url(./sk-dark.png) -28px -116px no-repeat;    
}

.VoiceFull:hover
{ 
	background:url(./sk-dark.png) -28px -148px no-repeat;    
}


/*呈现出播放图标*/
.MainControl
{
	width:25px;
	padding: 10px 15px 5px 10px;
	float:left; 
	height:20px;
	background:url(./sk-dark.png) -80px -130px no-repeat;    
} 

.MainControl:hover
{
	background:url(./sk-dark.png) -80px -166px no-repeat;
}

/*呈现出暂停或停止图标*/
.StopControl
{
	width:14px;
	padding: 10px 10px 5px 10px;
	float:left; 
	height:20px;
	background:url(./sk-dark.png) -50px -130px no-repeat; 
	margin-right:16px;   
}
.StopControl:hover
{
	background:url(./sk-dark.png) -50px -165px no-repeat;
}
/*显示多媒体文件列表的控制图标*/
.ShowMusicList
{        
	width:10px;
	padding: 10px 10px 5px 10px;
	float:left; 
	height:10px;
	background:url(./sk-dark.png) -20px 0 no-repeat; 
	margin:5px 0 0 12px;
	cursor:pointer;
}

.ShowMusicList:hover
{        
	background:url(./sk-dark.png) -20px -29px no-repeat; 
}

/*文件列表区域的样式代码*/
.MusicList
{
	font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
	background-color: #212121;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1B1B1B), to(#212121));
	background-image: -webkit-linear-gradient(top, #1B1B1B, #212121);
	background-image: -moz-linear-gradient(top, #1B1B1B, #212121);
	background-image: -ms-linear-gradient(top, #1B1B1B, #212121);
	background-image: -o-linear-gradient(top, #1B1B1B, #212121);
	background-image: linear-gradient(top, #1B1B1B, #212121);

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	text-shadow: 0 1px 0 rgba(255,255,255,0.5);

	border-width: 1px;
	border-style: solid;
	border-color: #488BF0 #488BF0 #488BF0 #488BF0;

	width:810px;
	height:200px;

	/*阴影*/
	-webkit-box-shadow: 10px 10px 25px #ccc; 
	-moz-box-shadow: 10px 10px 25px #ccc; 
	box-shadow: 10px 10px 25px #ccc; 

	/*透明度*/
	opacity:0.9; 

	/*基本性质*/
	padding:2px 5px;
	position:relative;
	z-index:1000;
	display:none;
}

.MusicList .Author
{
	font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
	background-color: #212121;
	background-image:url(./Eson.jpg);

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	width:158px;
	height:200px;
	float:left;
}

.MusicList .List
{
	font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
	background-color: #212121;    
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	width:810px;
	height:180px;
	float:right;
	overflow:hidden;
/*	padding:10px 13px;*/
	color:#fff;       
}

.MusicList .List .Single
{
	width:100%;
	float:left;
	overflow:hidden;
	height:15px;
	font-size:13px;
	cursor:pointer;
	margin-bottom:8px;
}
.MusicList .List .Single .SongName
{
	width:100%;
	float:left;
}