/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/1296(此说明不在下载的源码里，只用在演示页面里)*/.audioplayer1{margin:0 0 19px}.audioplayer{	height: 34px; 	color: #fff;			position: relative;	z-index: 1;	background: #262626;	}.mad_main2 .audioplayer{border-radius: 5px;}	.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:not(.audioplayer-mini) .audioplayer-playpause		{			border-right: 1px solid #555;			border-right-color: rgba( 255, 255, 255, .1 );		}		.audioplayer-mini .audioplayer-playpause		{			width: 100%;		}		.audioplayer-playpause:hover,		.audioplayer-playpause:focus		{			background-color: #222;		}		.audioplayer-playpause a		{			display: block;		}		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a		{			width: 0;			height: 0;			border: 0.5em solid transparent; /* 8 */			border-right: none;			border-left-color: #fff;			content: '';			position: absolute;			top: 50%;			left: 50%;			margin: -0.5em 0 0 -0.25em; /* 8 4 */		}		.audioplayer-playing .audioplayer-playpause a		{			width: 0.75em; /* 12 */			height: 0.75em; /* 12 */			position: absolute;			top: 50%;			left: 50%;			margin: -0.375em 0 0 -0.375em; /* 6 */		}			.audioplayer-playing .audioplayer-playpause a:before,			.audioplayer-playing .audioplayer-playpause a:after			{				width: 40%;				height: 100%;				background-color: #fff;				content: '';				position: absolute;				top: 0;			}			.audioplayer-playing .audioplayer-playpause a:before			{				left: 0;			}			.audioplayer-playing .audioplayer-playpause a:after			{				right: 0;			}	.audioplayer-time	{		width: 4.375em; /* 70 */		height: 100%;		font-size:12px;		line-height: 3em; /* 38 */		text-align: center;		z-index: 2;		top: 0;	}		.audioplayer-time-current		{								left: 4em; /* 40 */		}		.audioplayer-time-duration		{			border-right: 1px solid #555;			border-right-color: rgba( 255, 255, 255, .1 );			right: 3.2em; /* 40 */		}			.audioplayer-novolume .audioplayer-time-duration			{				border-right: 0;				right: 0;			}	.audioplayer-bar	{		height: 6px; /* 14 */		background-color: #fff;		cursor: pointer;		z-index: 1;		top: 50%;		right: 6.875em; /* 110 */		left: 6.875em; /* 110 */		margin-top: -3px; /* 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: #f9f9f9;			z-index: 1;		}		.audioplayer-bar-played	{			background: #1f97ff;			z-index: 2;		}	.audioplayer-volume	{		width: 2.5em; /* 40 */		height: 100%;		border-left: 1px solid #111;		border-left-color: rgba( 0, 0, 0, .25 );		text-align: left;		text-indent: -9999px;		cursor: pointer;		z-index: 2;		top: 0;		right: 0;	}		.audioplayer-volume:hover,		.audioplayer-volume:focus		{			background-color: #222;		}		.audioplayer-volume-button		{			width: 100%;			height: 100%;		}			.audioplayer-volume-button a			{				width: 0.313em; /* 5 */				height: 0.375em; /* 6 */				background-color: #fff;				display: block;				position: relative;				z-index: 1;				top: 40%;				left: 35%;			}				.audioplayer-volume-button a:before,				.audioplayer-volume-button a:after				{					content: '';					position: absolute;				}				.audioplayer-volume-button a:before				{					width: 0;					height: 0;					border: 0.5em solid transparent; /* 8 */					border-left: none;					border-right-color: #fff;					z-index: 2;					top: 50%;					right: -0.25em;					margin-top: -0.5em; /* 8 */				}				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after				{					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */					width: 0.313em; /* 5 */					height: 0.313em; /* 5 */					border: 0.25em double #fff; /* 4 */					border-width: 0.25em 0.25em 0 0; /* 4 */					left: 0.563em; /* 9 */					top: -0.063em; /* 1 */					-webkit-border-radius: 0 0.938em 0 0; /* 15 */					-moz-border-radius: 0 0.938em 0 0; /* 15 */					border-radius: 0 0.938em 0 0; /* 15 */					-webkit-transform: rotate( 45deg );					-moz-transform: rotate( 45deg );					-ms-transform: rotate( 45deg );					-o-transform: rotate( 45deg );					transform: rotate( 45deg );				}		.audioplayer-volume-adjust		{			height: 6.25em; /* 100 */			cursor: default;			position: absolute;			left: 0;			right: -1px;			top: -9999px;			background: #262626;		}			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust			{				opacity: 0;			}			.audioplayer-volume:hover .audioplayer-volume-adjust			{				top: 100%;				bottom:auto ;			}			.audioplayer-volume-adjust >div			{				width: 6px;				height: 80%;				background-color: #fff;				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-color: #1f97ff;						}		.audioplayer-novolume .audioplayer-volume		{			display: none;		}	.audioplayer-play,	.audioplayer-pause,	.audioplayer-volume a	{	}	.audioplayer-bar,	.audioplayer-bar div,	.audioplayer-volume-adjust div	{	}	.audioplayer-bar,	.audioplayer-volume-adjust >div	{	}	.audioplayer-volume-adjust div div,	.audioplayer-bar-played	{	}	.audioplayer-volume-adjust	{	}	.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;	}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/1296(此说明不在下载的源码里，只用在演示页面里)*/