.audioplayer audio { position: absolute; left: -1px; }
.audioplayer { width: 163px; height: 75px; font-family: Arial, sans-serif; overflow: hidden; }
.audioplayer .controls { width: 163px; height: 40px; overflow: hidden; line-height: 1.6; }
.audioplayer .rewind { float: left; width: 40px; height: 40px; overflow: hidden; display: block; }
.audioplayer .stop { float: left; width: 40px; height: 40px; overflow: hidden; display: block; }
.audioplayer .play { float: left; width: 40px; height: 40px; overflow: hidden; display: block; }
.audioplayer .forward { float: left; width: 40px; height: 40px; overflow: hidden; display: block; }
.audioplayer .scrubber { position: relative; width: 163px; height:22px; background: #eee; cursor: pointer; }

.audioplayer i { font-size: 1.2rem; color: #ffffff; }

.audioplayer .progress { position: absolute; top: 0px; left: 0px; width: 0px; height: 22px; z-index: 1; background-color: rgb(255, 107, 105); }
.audioplayer .loaded { position: absolute; top: 0px; left: 0px; width: 0px; height: 32px; }
.audioplayer .time { height: 20px; line-height: 20px; font-size: 12px; font-weight: bold; color: #9e9e9e; text-align: center; }
.audioplayer .error-message { display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audioplayer .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: nowrap; }
.audioplayer .rewind { margin-right: 1px; padding: .4rem .75rem; background-color: #cacaca; }
.audioplayer .stop { margin-right: 1px; padding: .4rem .91rem; background-color: #cacaca; }
.audioplayer .play { margin-right: 1px; padding: .4rem .975rem; background-color: #cacaca; }
.audioplayer .playing .play { padding: .4rem .975rem; background-color: #cacaca; }
.audioplayer .playing .play i:before {
	content: '\f191';
	color: rgb(255, 107, 105);
}
.audioplayer .forward { padding: .4rem .75rem; background-color: #cacaca; }

.audioplayer .rewind:hover { cursor: pointer; }
.audioplayer .stop:hover { cursor: pointer; }
.audioplayer .play:hover { cursor: pointer; }
.audioplayer .playing .play:hover { cursor: pointer; }
.audioplayer .forward:hover { cursor: pointer; }

/*
.package_data_opened .audioplayer .rewind,
.related_data_opened .audioplayer .rewind { background-position: 0px -40px; }
.package_data_opened .audioplayer .stop,
.related_data_opened .audioplayer .stop { background-position: -20px -40px; }
.package_data_opened .audioplayer .play,
.related_data_opened .audioplayer .play { background-position: -40px -40px; }
.package_data_opened .audioplayer .playing .play,
.related_data_opened .audioplayer .playing .play { background-position: -60px -40px; }
.package_data_opened .audioplayer .forward,
.related_data_opened .audioplayer .forward { background-position: -80px -40px; }
.package_data_opened .audioplayer .rewind:hover,
.related_data_opened .audioplayer .rewind:hover { background-position: 0px -60px; }
.package_data_opened .audioplayer .stop:hover,
.related_data_opened .audioplayer .stop:hover { background-position: -20px -60px; }
.package_data_opened .audioplayer .play:hover,
.related_data_opened .audioplayer .play:hover { background-position: -40px -60px; }
.package_data_opened .audioplayer .playing .play:hover,
.related_data_opened .audioplayer .playing .play:hover { background-position: -60px -60px; }
.package_data_opened .audioplayer .forward:hover,
.related_data_opened .audioplayer .forward:hover { background-position: -80px -60px; }
*/

.audioplayer.tiny { width: 40px; height: 40px; }
.audioplayer.tiny .controls { width: 40px; height: 40px; }
.audioplayer.tiny .play { background-color: transparent; }
.audioplayer.tiny .rewind, .audioplayer.tiny .stop, .audioplayer.tiny
.forward, .audioplayer.tiny .time, .audioplayer.tiny .scrubber { display: none; }
/*.audioplayer.tiny .play { padding: .2rem .95rem; }
.audioplayer.tiny .playing .play { }
.audioplayer.tiny .play:hover { background-position: 0px -15px; cursor: pointer; }
.audioplayer.tiny .playing .play:hover { background-position: -15px -15px; cursor: pointer; }
*/
*:focus { outline: 0 !important; }


.track_length { font-weight: bold; color: #5f5f5f; }