.MusicBox
   {  
        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);
    
        /*设置边框的弧度值，为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; 
     
     /*基本性质*/
     padding:1px 5px;
     position:absolute;
     z-index:9;
     border-width: 1px;
     border-style: solid;
     border-color: #488BF0 #488BF0 #488BF0 #488BF0;
     width:810px;
     height:20px;

     width:220px; overflow:hidden;
   }

.playControl {
    float:left;
    width:100px;
    overflow:hidden;
    height:20px;
}
   .LeftControl
   {
      width:0px;
      padding: 2px 10px 2px 10px;
      float:left; 
      height:20px;
      background:url(../images/sk-dark.png) left -5px no-repeat;
      margin-right:11px;
      margin-left:10px;
   }
   
   .LeftControl:hover
   {
      background:url(../images/sk-dark.png) left -38px no-repeat;
   }

   
   
   
   .RightControl
   {
      width:0px;
      padding: 2px 10px 2px 10px;
      float:left; 
      height:20px;
      background:url(../images/sk-dark.png) left -69px no-repeat;
      margin-right:8px;
   }
   
   .RightControl:hover
   {
      background:url(../images/sk-dark.png) left -100px no-repeat;
   }
   
   .ProcessControl
   {
      width:180px;
      padding: 2px 10px 2px 10px;
      float:left; 
      height:20px;
      color:#ffffff;
   }

.showControl {
    width:120px;
    float:left;
    height:20px;
    overflow:hidden;
}
   
   .ProcessControl .SongName
   {
      float:left;
      height:20px; 
      width:200px;
      text-align:left;
      overflow:hidden;
   }

   .ProcessControl .SongTime
   {
      float:right; 
      display:none;     
   }
   
   .ProcessControl .Process
   {
     width: 500px;
     float: left;
     height: 2px;
     cursor: pointer;
     background-color:#000000;   
     margin-top:7px;
     display:none;
   }
   
   .ProcessControl .ProcessYet
   {
     width: 0px;
     position:absolute;     
     height: 2px;
     left:131px;
     top:30px;
     cursor: pointer;
     background-color:#7A8093; 

     display:none;
   }
   
   .VoiceEmp
   {
      width:0px;
      padding: 10px 10px 10px 10px;
      float:left; 
      height:17px;
      background:url(../images/sk-dark.png) -28px -180px no-repeat;  
      margin-right:2px;  
      display:none;
   }
   
   .VoiceEmp:hover
   {
      background:url(../images/sk-dark.png) -28px -212px no-repeat; 
   }
   
   .VoidProcess
   {
    display:none;
     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; 

     display:none;
   }
   
   
   .VoiceFull
   {      
       display:none;
      width:0px;
      padding: 10px 10px 10px 10px;
      float:left; 
      height:17px;
      background:url(../images/sk-dark.png) -28px -116px no-repeat;    
   }
   
   .VoiceFull:hover
   { 
      background:url(../images/sk-dark.png) -28px -148px no-repeat;    
   }
   
   
   
   .MainControl
   {
      width:20px;
      padding: 2px 5px 2px 5px;
      float:left; 
      height:20px;
      background:url(../images/sk-dark.png) 0px -308px no-repeat;
          
   }
   
   
   .MainControl:hover
   {
      background:url(../images/sk-dark.png) 0px -333px no-repeat;
   }
   
   
   .StopControl
   {
      width:20px;
      padding: 2px 5px 2px 5px;
      float:left; 
      height:20px;
      background:url(../images/sk-dark.png) -28px -308px no-repeat;    
   }
   
   
   .StopControl:hover
   {
      background:url(../images/sk-dark.png) -28px -334px 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);
    
         -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
         -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
         box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
        border-width: 1px;
        border-style: solid;
        border-color: #488BF0 #488BF0 #488BF0 #488BF0;
    
        width:600px;
        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:absolute;
     z-index:1000;
     display:none;
   }
   
   .MusicList .Author
   {
        font: 9px 'Lucida Sans Unicode', 'Trebuchet MS', Arial, Helvetica;
        background-color: #212121;
        background-image:url(../images/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:410px;
       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:90%;
       float:left;
     }
     
     
     .ShowMusicList
     {        
      width:10px;
      padding: 10px 10px 5px 10px;
      float:left; 
      height:10px;
      background:url(../images/sk-dark.png) -20px 0 no-repeat; 
      margin:5px 0 0 12px;
      cursor:pointer;
      display:none;
     }
     
     .ShowMusicList:hover
     {        
      background:url(../images/sk-dark.png) -20px -29px no-repeat; 
     }