.audioplayer            { width:724px; margin:0 auto; height:84px; position:relative; padding:220px 0 0 158px; background:url(../img/sub/audioPopBg.png) 50% 0 no-repeat; }
.audioplayer.audioplayer-playing    { background:url(../img/sub/audioPopBg_on.gif) 50% 0 no-repeat; background-size:331px; }
.audioplayer > div      { position: absolute; }
.audioplayer-playpause  { width:83px; height:83px; top:220px; left:0; }
.audioplayer-playpause a                            { width:83px; height:83px; display:inline-block; background:url(../img/sub/audioPlay.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px; }
.audioplayer-playing .audioplayer-playpause a       { background:url(../img/sub/audioStop.png) 0 0 no-repeat; }
.audioplayer-time       { width:44px; height:38px; line-height:38px; color:#fff; font-size:18px; }
.audioplayer-time-current   { left:104px;  }
.audioplayer-time-duration  { left:752px; }
.audioplayer-bar        { width:580px; height:9px; border-radius:4px; background:#fff; margin:16px 0 0; overflow:hidden; }		
.audioplayer-bar-loaded { background-color:#fff; z-index: 1; }
.audioplayer-bar-played { background: #ee2d36; height:9px; z-index: 2; }
.audioplayer-volume     { width:83px; height:83px; background:url(../img/sub/audioVol.png) 50% 50% no-repeat; top:220px; right:0; }
.audioplayer-volume-button      { width:83px; height:83px; }
.audioplayer-volume-button a    { width:83px; height:83px; overflow:hidden; text-indent:-9999px; }
				
.audioplayer-volume-adjust      { height:100px; cursor: default; position: absolute; left: 0; right: -1px; top: -9999px; background: #222; background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) ); background: -webkit-linear-gradient( top, #444, #222 ); background: -moz-linear-gradient( top, #444, #222 ); background: -ms-radial-gradient( top, #444, #222 ); background: -o-linear-gradient( top, #444, #222 ); background: linear-gradient( top, #444, #222 ); -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; }
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust      { opacity: 0; }
.audioplayer-volume:hover .audioplayer-volume-adjust            { top: auto; bottom: 100%; }
.audioplayer-volume-adjust > div                                { width: 40%; height: 80%; background-color: #222; cursor: pointer; position: relative; z-index: 1; margin: 10% auto 0; }
.audioplayer-volume-adjust div div                              { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #007fd1; background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) ); background: -webkit-linear-gradient( bottom, #007fd1, #c600ff ); background: -moz-linear-gradient( bottom, #007fd1, #c600ff ); background: -ms-radial-gradient( bottom, #007fd1, #c600ff ); background: -o-linear-gradient( bottom, #007fd1, #c600ff ); background: linear-gradient( bottom, #007fd1, #c600ff ); }
.audioplayer-novolume .audioplayer-volume   { display: none; }