

div.fvVideoView {
	background-color: #000 !important;
	position: relative !important;
	overflow: hidden !important;
	width: 100%;
	margin: 0 auto;
	user-select: none !important;
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif !important;
	-webkit-font-smoothing: none !important;
	-webkit-font-smoothing: antialiased !important;
	font-size: 16px !important;
}

.videofront {
	display: block;
	z-index: 2 !important;
}

.videoback {
	display: block;
	z-index: 1 !important;
}





div.fvVideoView>video.fvVideo {
	position: absolute !important;
	top: 0 !important;
}

div.fvVideoView>object.fvVideo {
	position: absolute !important;
	top: 0 !important;
	min-width:32px;
	min-height:32px;
}




div.fvVideoView>canvas.fvCanvasRender {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 3 !important;
	pointer-events: none !important;
	background-color: #000;
}





div.fvVideoView>ul.fvClickPointWrapper {
	width: inherit !important;
	height: inherit !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	list-style-type: none !important;
	overflow: hidden !important;

}





div.fvVideoView>canvas.fvThumbnailView {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	background-color: #000;
}






@media all and (max-width: 768px) {



	div.fvVideoView>div.fvLodingView>.sk-fading-circle {
		width: 40px !important;
		height: 40px !important;
	}





	div.fvVideoView>div.fvPlayScreenView {
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 50%, 50% 50%;
    background-size: 70px, cover !important;
	}


}


@media all and (max-width: 380px) {





	div.fvVideoView>div.fvPlayScreenView {
    background-repeat: no-repeat, no-repeat;
    background-position: 50% 50%, 50% 50%;
    background-size: 50px, cover !important;
	}


}
