.jp-audio, .jp-audio-stream, .jp-video{
	border:none;
}
.jp-audio .jp-type-single .jp-toggles{
	display:none;
}
.jp-audio, .jp-audio-stream, .jp-video{
	margin:5px auto 20px;
}
/*#voiceBtn{
	width:120px;
	height:40px;
	padding:6px 25px;
	margin:5px auto 20px;
	border-radius:25px;
	background-color:#13488b;
	color:#fff;
	text-align:center;
	line-height:28px;
	cursor:pointer;
}
#voiceBtn img{
	width:28px;
	margin-right:5px;
	float:left;
}
#voiceBtn h6{
	float:right;
	font-size:16px;
}*/

.audio{
	position:fixed;
	top:70%;
	right:8%;
	width:120px;
	height:190px;
}
#voiceBtn{
	position:absolute;
	left:10px;
	bottom:0;
	width:100px;
	height:100px;
	padding:10px 0;
	border-radius:50%;
	background-color:#fff;
	box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.1);
	color:#0c4f8e;
	text-align:center;
	line-height:28px;
	cursor:pointer;
}
#voiceBtn:hover{
	color:#fff;
	background-color:#0c4f8e;
}
#voiceBtn .vimg{
	width:36px;
	height:52px;
	margin:auto;
	background:url(voice1.png) no-repeat;
	background-size:36px 52px;
}
#voiceBtn:hover .vimg{
	background-image:url(voice3.png);
}
#voiceBtn h6{
	font-size:16px;
}
.voiceBtnBox{
	display:none;
	width:120px;
	height:80px;
	padding:5px;
	background-color:#fff;
	box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}
.voiceBtnBox .vli{
	width:45px;
	height:65px;
	margin:5px;
	float:left;
	background-size:45px 45px;
	background-repeat:no-repeat;
	line-height:105px;
	text-align:center;
}
.voiceBtnBox #vplay{
	background-image:url(vplay.png);
}
.voiceBtnBox #vpause{
	display:none;
	background-image:url(vpause.png);
}
.voiceBtnBox #vstop{
	background-image:url(vstop.png);
}

@media all and (orientation : portrait) {
	.jp-audio{
		width:100%;
	}
	.jp-audio .jp-controls{
		width:40%;
		height:65px;
		padding:20px 5% 0 5%;
		overflow:hidden;
	}
	.jp-audio .jp-type-single .jp-progress{
		left:38%;
		width:55%;
	}
	.jp-audio .jp-type-single .jp-time-holder{
		left:38%;
		width:55%;
	}
	.jp-stop{
		margin-left:5px;
	}
	.jp-volume-controls{
		display:none;
	}
}