.audioplayer{height: 22px;color: #a4a4a4;position: relative;z-index: 1; margin: 0 0 10px;}
.audioplayer-mini{width: 2.5em; /* 40 */margin: 0 auto;}
.audioplayer > div{position: absolute;}
.audioplayer-playpause{width: 2.5em; /* 40 */height: 100%;text-align: left;text-indent: -9999px;cursor: pointer;z-index: 2;top: 0;left: 0;}
.audioplayer-mini .audioplayer-playpause{width: 100%;}
.audioplayer-playpause:hover,.audioplayer-playpause:focus{color: #000;}
.audioplayer-playpause a{display: block;}
.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a{position: absolute; display: block; width: 18px; height: 18px; background: url(/media/pics/audio_player.png) no-repeat -15px -3px; float: left; margin: 3px 0 0;}
.audioplayer-playing .audioplayer-playpause a{position: absolute; display: block; width: 18px; height: 18px; background: url(/media/pics/audio_player.png) no-repeat -15px -21px; float: left; margin: 3px 0 0;}
.audioplayer-time{position: absolute; text-align: center;z-index: 2; top: 0; text-align: center; color: #a6a7a8; font-size: 0.9167rem; height: 18px; width: 90px; left: 18px; padding: 0 5px; line-height: 18px; margin: 3px 0 0;}
.audioplayer-time-duration{display: none;}
.audioplayer-novolume .audioplayer-time-duration{border-right: 0;right: 0;}
.audioplayer-bar{cursor: pointer; z-index: 1; left: 120px; display: block; width: 160px; height: 7px; background: url(/media/pics/audio_player.png) no-repeat -36px -45px; top: 9px;}
.audioplayer-bar:hover .audioplayer-bar-tooltip {display: block;}
.audioplayer-novolume .audioplayer-bar{right: 4.375em; /* 70 */}
.audioplayer-bar-loaded{width: 0; z-index: 1; display: block; height: 7px; background: url(/media/pics/audio_player.png) no-repeat -36px -63px; position: absolute;}
.audioplayer-bar-played{width: 0; z-index: 1; display: block; height: 7px; background: url(/media/pics/audio_player.png) no-repeat -36px -54px; position: absolute;}
.audioplayer-bar-point {display: block; width: 14px; height: 13px; background: url(/media/pics/audio_player.png) no-repeat 0 -6px; position: absolute; top: -3px; right: -7px;}
.audioplayer-volume{height: 100%; position: absolute; width: 24px; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0;}
.audioplayer-volume:hover,.audioplayer-volume:focus{color: #000;}
.audioplayer-volume-button{width: 100%;}
.audioplayer-volume-button a{display: block; position: relative; top: 5px; z-index: 1; display: block; width: 19px; height: 14px; background: url(/media/pics/audio_player.png) no-repeat -15px -53px; float: left;}
.audioplayer-mute .audioplayer-volume-button a {background-position: -15px -39px}
.audioplayer-volume-adjust{height: 68px; width: 22px; cursor: default; position: absolute;left: -4px; right: -1px;top: -9999px;background: #333d45;border-radius: 5px; border: 1px solid #333d45;}
.audioplayer-volume:not(:hover) .audioplayer-volume-adjust{opacity: 0;}
.audioplayer-volume:hover .audioplayer-volume-adjust{top: auto;bottom: 100%;}
.audioplayer-volume-adjust > div{width: 4px;height: 50px;background: url(/media/pics/audio_player.png) no-repeat 0 -20px;cursor: pointer;position: relative;z-index: 1;margin: auto 8px; top: 9px;}
.audioplayer-volume-adjust div div{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: url(/media/pics/audio_player.png) no-repeat -4px -20px;}
.audioplayer-novolume .audioplayer-volume{display: none;}
.audioplayer *,.audioplayer *:before,.audioplayer *:after{-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;-moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;-ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;-o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;transition: color .25s ease, background-color .25s ease, opacity .5s ease;}
.audioplayer-bar .audioplayer-bar-tooltip {display: none; position: absolute; top: 11px; width: auto; height: auto; padding: 0 5px; background: #fff; text-align: center; color: #000; text-shadow: none; border: 1px solid #ccc;}