@charset "utf-8";

#contents video {
	background: #000;
}

.bc-iframe body, .bc-player-4k5Jg43ag_default {
	background-color: transparent;
}

.bc-player-4k5Jg43ag_default .vjs-poster {
	background-color: transparent;
}

.bc-player-4k5Jg43ag_default.vjs-mouse .vjs-big-play-button {
	top: 0;
	left: 0;
}

.bc-player-4k5Jg43ag_default.vjs-mouse .vjs-big-play-button {
	left: 242px\9 !important;
	top: 140px\9 !important;
}

.vjs-big-play-button {
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	margin: auto;
}

.bc-player-4k5Jg43ag_default .vjs-progress-holder:before {
	background-color: #000 !important;
	filter: alpha(opacity=30) !important;
	opacity: 0.3 !important;
}

.bc-player-4k5Jg43ag_default .vjs-load-progress {
	background-color: #c00 !important;
	background-color: #000\9 !important;
	filter: alpha(opacity=0) !important;
	opacity: 0.3 !important;
}

.bc-player-4k5Jg43ag_default .vjs-play-progress, .bc-player-4k5Jg43ag_default .vjs-volume-level {
	background-color: #c00 !important;
}

@media screen and (max-width: 768px) {
	.video-js {
		position: relative;
		width: 100% !important;
		height: auto !important;
	}

	.video-js video {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
	}
}

*::-webkit-media-controls-panel {
	display: none !important;
	-webkit-appearance: none;
}

/* Old shadow dom for play button */
*::--webkit-media-controls-play-button {
	display: none !important;
	-webkit-appearance: none;
}

/* New shadow dom for play button */
/* This one works */
*::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none;
}

.bc-player-4k5Jg43ag_default.vjs-native.video-js .vjs-big-play-button {
	display: block;
}