@charset "utf-8";

.mediaControl{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 62px;
    background: #ff9921;
}
.mediaControl > div{
	position: absolute;
	cursor: pointer;
}
.mediafile{
	width: 1135px;
}

.mediaBtn{
	left: 50px;
	top: 2px;
	padding-right: 35px;
	border-right: 2px solid rgba(219, 114, 19, 0.47);
}
.mediaBtn > div{
	display: inline-block;
	vertical-align: middle;
}
.mediaContainer .play {
	width: 70px;
	height: 57px;
	background: url("../images/audioControls/play.png") no-repeat;
	background-size: 100% 100%;	
    margin-right: 10px;
}
.mediaContainer .play.show{
	background: url("../images/audioControls/pause.png") no-repeat;
	background-size: 100% 100%;
}
.mediaContainer .stop{
	width: 70px;
	height: 57px;
	background: url("../images/audioControls/stop.png") no-repeat;
	background-size: 100% 100%;	
}
.mediaContainer .playTime{
	top: 220px;
	position: absolute;
}
.playBar{
	border-radius: 12px;
	height: 8px;
}
.curTime{
	left: 270px;
	font-size: 26px;
	color: #fff;
	line-height: 62px;
}
.durTime{
	right: 40px;
	font-size: 26px;
	color: #fff;
	line-height: 62px;
}
.progress{
	left: 365px;
}
.progressBar{
	width: 630px;
	height: 62px;
}
.mediaContainer[data-type="ado"] .mediaControl{
	background-color: #23456b;
	border-radius: 30px;
	width: 380px;
	height: 42px;
	top: 60px;
    right: 0;
	bottom: auto;
}
.mediaContainer[data-type="ado"] .mediaControl .mediaBtn{
	border-right: 2px solid rgba(49, 46, 70, 0.39);
	height: 42px;
	top: 0;
	left: 11px;
	padding-right: 10px;
}
.mediaContainer[data-type="ado"] .mediaControl .mediaBtn > div{
	vertical-align: baseline;
}
.mediaContainer[data-type="ado"] .mediaControl .play{
	background: url("../images/audioControls/play2.png") no-repeat;
	background-size: 100% 100%;
	width: 35px;
	height: 28px;
	margin-right: 5px;
	top: -1px;
}
.mediaContainer[data-type="ado"] .mediaControl .stop{
	background: url("../images/audioControls/stop2.png") no-repeat;
	background-size: 100% 100%;
	width: 35px;
	height: 28px;
}
.mediaContainer[data-type="ado"] .mediaControl .play.show{
	background: url("../images/audioControls/pause2.png") no-repeat;
	background-size: 100% 100%;
}
.mediaContainer[data-type="ado"] .mediaControl .progress{
	left: 165px;
}
.mediaContainer[data-type="ado"] .mediaControl .progressBar{
	width: 150px;
    height: 42px;
}
.mediaContainer[data-type="ado"] .mediaControl .curTime, .mediaContainer[data-type="ado"] .mediaControl .durTime{
	line-height: 42px;
	font-size: 17px;
}
.mediaContainer[data-type="ado"] .mediaControl .curTime{
	left: 110px;
}
.mediaContainer[data-type="ado"] .mediaControl .durTime{
	right: 10px;
}