.video {
	width:100%;max-width:100%;height:450px;display:flex;justify-content:center;
	align-items:center;flex-direction:column;background-color:#0f0020;
}
.video video {
	width:800px;height:450px;background-color:#FFF;
}
.videoMug {
	z-index:0;
}
.controls {
	width:100%;height:50px;background-color:transparent;display:none;
	flex-direction:column;z-index:3;margin-top:-50px;
}
.controls_video {
	display:flex;justify-content:flex-start;
}
.control {
	width:50px;height:40px;display:flex;justify-content:center;
	align-items:center;
}
.timeVideo {
	width:120px;
}
.control img {
	width:40px;height:40px;border:0;
}
.control_bar {
	width:100%;height:10px;background-color:#764FA0;
}
.play_button {
	width:800px;height:450px;display:flex;justify-content:center;
	align-items:center;z-index:1;background-color:rgba(0, 0, 0, .7);
	position:absolute;transition:1s;
}
.play_button .play {
	width:100px;height:100px;background-image:url('../../assets/player/play.png');
	background-size:100% 100%;background-repeat:no-repeat;cursor:pointer;
}
.pause_button {
	width:800px;height:450px;display:none;justify-content:center;
	align-items:center;z-index:2;background-color:rgba(0, 0, 0, .7);
	position:absolute;transition:1s;
}
.pause_button .pause {
	width:100px;height:100px;background-image:url('../../assets/player/pause.png');
	background-size:100% 100%;background-repeat:no-repeat;cursor:pointer;
}
.time_video {
	color:#FFF;font-weight:bold;
}
.progress {
	width:0%;background-color:#FFF;height:10px;border-radius:0px 20px 20px 0px;
}