/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/456(这个备注仅在演示页面有，源代码里没有)*//* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.happyworm.com/jquery/jplayer * * Skin Name: Blue Monday * * Copyright (c) 2010-2011 Happyworm Ltd * Dual licensed under the MIT and GPL licenses. *  - http://www.opensource.org/licenses/mit-license.php *  - http://www.gnu.org/copyleft/gpl.html * * Author: Silvia Benvenuti * Skin Version: 4.0 (jPlayer 2.1.0) * Date: 1st September 2011 */ div.jp-audio {	width: 100%;}div.jp-interface {	position: relative;	background: url(../images/sprite-jplayer.png) repeat scroll 0 -55px transparent;	width:100%;	border-radius: 3px 3px 3px 3px;    	border: 1px solid #111;}div.jp-audio div.jp-type-single div.jp-interface {	height:40px;}div.jp-controls-holder {	clear: both;	margin:0 auto;	position: relative;	overflow:hidden;	 /* This negative value depends on the size of the text in jp-currentTime and jp-duration */}div.jp-interface ul.jp-controls {	list-style-type:none;	margin:0;	padding: 0;	overflow:hidden;}div.jp-audio ul.jp-controls {}div.jp-interface ul.jp-controls a {    border-bottom: medium none;    overflow: hidden;    position: absolute;    text-indent: -9999px;}a.jp-play,a.jp-pause {	width:30px;	height:30px;      left: 0;    top: 0;	-webkit-transition-duration: 0s; 	-moz-transition-duration: 0s; 	-o-transition-duration: 0s;}a.jp-play {	background: url(../images/sprite-jplayer.png) 17px 15px no-repeat;}a.jp-play:hover {	background: url(../images/sprite-jplayer.png) 17px -16px no-repeat;}a.jp-pause {	background: url(../images/sprite-jplayer.png) -12px 15px no-repeat;	display: none;}a.jp-pause:hover {	background: url(../images/sprite-jplayer.png) -12px -16px no-repeat;}a.jp-stop, a.jp-previous, a.jp-next {	width:28px;	height:28px;	margin-top:6px;}div.jp-progress-container {	position: absolute;	top:0;	left: 42px;	right: 93px;	padding: 14px 17px;	border-left: 1px solid #444;	border-right: 1px solid #444;}div.jp-progress {	overflow:hidden;	background-color: #222;	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;	margin-top: 1px;}div.jp-audio div.jp-progress {	height:10px;	padding: 1px;	border-radius: 1px 1px 1px 1px;}div.jp-video div.jp-progress-container {	top:0px;	left:0px;	width:100%;	height:10px;}div.jp-seek-bar {	width:0px;	height:100%;	cursor: pointer;}div.jp-play-bar {	width:0px;	height: 100%;	border-radius: 1px 1px 1px 1px;	background-color: #388cda;}a.jp-mute,a.jp-unmute,a.jp-volume-max {	width:30px;	height:30px;	position: absolute;	top: 0;	right: 50px;	-webkit-transition-duration: 0s; 	-moz-transition-duration: 0s; 	-o-transition-duration: 0s;}div.jp-audio a.jp-volume-max {	margin-left: 56px;	}a.jp-mute {	background: url(../images/sprite-jplayer.png) -55px 15px no-repeat;}a.jp-mute:hover {	background: url(../images/sprite-jplayer.png) -55px -16px no-repeat;}a.jp-unmute {	background: url(../images/sprite-jplayer.png) -85px 15px no-repeat;	display: none;}a.jp-unmute:hover {	background: url(../images/sprite-jplayer.png) -85px -16px no-repeat;}div.jp-volume-bar-container { 	position: absolute;	top:0px;	right: 17px;	padding: 15px 0;}	div.jp-volume-bar {		overflow:hidden;	background-color: #222;	width:38px;	height:10px;	padding: 1px;	border-radius: 1px 1px 1px 1px;	cursor: pointer;	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;}div.jp-volume-bar-value {	width:0px;	height: 100%;	border-radius: 1px 1px 1px 1px;	background-color: #388cda;}/*：这是演示代码,不是源代码。源码下载唯一地址: http://www.bootstrapmb.com/item/456(这个备注仅在演示页面有，源代码里没有)*/