html, body{
	background: rgb(245,245,245);
}
.media{
	/*padding-bottom: 50px;*/
}
.media-details{
	padding: 16px;
}
.media-details .title{
	font-size: 22px;
	color: #4B4B4B;
	line-height: 28px;
	background: rgb(245,245,245);
}
.media-details .info{
	font-size: 14px;
	color: #999999;
	line-height: 14px;
	padding: 20px 0;
}
.media-details .info .time{
	margin-right: 2em;
}
.media-details .details {
	font-size: 17px;
	color: #4A4A4A;
	line-height: 25px;
}
.audio-player{
	background: #FFFFFF;
	box-shadow: 0 1px 6px 0 rgba(0,0,0,0.10);
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 16px;
}
.audio-player .thumb{
	position: relative;
	margin-bottom: 16px;
}
.audio-player .thumb img{
	width: 100%;
	display: block;
}
.audio-player .thumb .album-thumb{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: rgba(0,0,0,.6);
	border-radius: 50px;
	color:#fff;
}
.audio-player .thumb .album-thumb i{
	font-size: 23px;
}
.audio-player .jp-video-play{
	height: 20px;
	line-height: 20px;
}
.audio-player .jp-video-play .status{
	float: left;
	width: 8%;
}
.audio-player .jp-video-play .jprogress{
	float: left;
	width: 64%;
	margin: 0 2%;
	height: 20px;
}
.jp-video-play .jp-seek-bar {
	margin-top: 8px;
	width: 100%;
    height: 4px;
    background: #BEBEBE;
}
.jp-video-play .jp-play-bar {
	position: relative;
	width: 0%;
	height: 100%;
    background-color: #E84827;
}
.jp-video-play .jp-play-icon{
    display: block;
    width: 14px;
    height: 14px;
    background: #E84827;
    border-radius: 50%;
    position: absolute;
    right: -7px;
    top: -5px;
	border: 0 solid #E84827;
	box-shadow: 0 0 7px 0 rgba(232,71,39,0.41);
}
.jp-video-play .jp-play-icon:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border:solid 2px #fff;
    margin: 1px;
    background: #E84827;
    border-radius: 50%;
}
.audio-player .jp-video-play .jp-current-time,
.audio-player .jp-video-play .jp-duration{
	float: left;
	width: 12%;
	font-size: 12px;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
}
iframe{
	width: 100%;
	height: 60vw;
}