.audioplayer {
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	position: relative;
	z-index: 1;
	background: rgba(0,0,0,0.5);
}
	.audioplayer * i {
		text-indent: 0px;
		width: 100%;
		line-height: 2.5em;
		text-align:center;
	}
	.audioplayer-mini {
		width: 2.5em;
		margin: 0 auto;
	}
	.audioplayer > div {
		position: absolute;
	}
	.audioplayer-playpause {
		width: 2.5em;
		height: 100%;
		text-align: left;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
	.audioplayer-playpause a {
		display: none;
	}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus {
			background-color: #222;
		}
		.audioplayer.audioplayer-playing .audioplayer-playpause i:before {
			content: "\f04c" !important;
		}
	.audioplayer-time {
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current {
			border-left: 1px solid #111;
			border-left-color: rgba( 0, 0, 0, .25 );
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration {
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
			right: 5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration {
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar {
		height: 0.475em; /* 7 */
		background-color: #fff;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 9.375em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.238em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar {
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div {
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded {
			background-color: transparent; /*rgba(0,0, 0, 0.2);*/
			z-index: 1;
		}
		.audioplayer-bar-played {
			background: #c31922;
			z-index: 2;
		}
	.audioplayer-download-button {
		width: 2.5em;
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
	.audioplayer-download-button a {display: block; color: #fff!important}
	.audioplayer-download-button a:hover {background: #222}
	.audioplayer-volume {
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 2.5em;
	}
	.audioplayer-volume a {display: none;}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus {
			background-color: #222;
		}
		.audioplayer-volume-button {
			width: 100%;
			height: 100%;
		}
		.audioplayer.audioplayer-mute .audioplayer-volume i:before { content: "\f026" }
		.audioplayer-volume-adjust {
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: 0px;
			top: -9999px;
			background: #222;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust {
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div {
				width: 20%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div {
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #c31922;
				}
		.audioplayer-novolume .audioplayer-volume {
			display: none;
		}