/*瑙嗛寮圭獥*/
.sample-video-dialog-area {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	z-index: 100;
}
.sample-video-dialog-area .video-mask-close {
    position: fixed;
    top: 120px;
    right: 60px;
    font-size: 42px;
    z-index: 100;
    cursor: pointer;
	display: block !important;
}
.sample-video-dialog-area .video-mask-close.icon-2::before {
	content: "\e90c";
    color: #fff;
    font-weight: bold;
}
.sample-video-dialog-area .mask-video {
	width: 800px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1599px) {
	.sample-video-dialog-area  .mask-video {
		width: 600px;
	}
}

@media only screen and (max-width: 1024px) {
	.sample-video-dialog-area .video-mask-close {
		top: 100px;
	}
	.sample-video-dialog-area  .mask-video {
		width: 500px;
	}
}
@media only screen and (max-width: 750px) {
	.sample-video-dialog-area  .video-mask-close {
		right: 20px;
		font-size: 35px;
	}
	.sample-video-dialog-area  .mask-video {
	    width: 80%;
	}
}
@media only screen and (max-width: 450px) {
    .sample-video-dialog-area .video-mask-close {
    	top: 70px;
	}
	.sample-video-dialog-area  .mask-video {
    	width: 93%;
	}
}