.top_box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.bg_dot {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/assets/css/libs/ytbgnav/image/bg.png);
	z-index: 1
}

.yt_wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99
}
.yt_wrap .yt_box {
	position: absolute;
	top: 50%;
	left: 50%;
}
.pop_overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(/assets/css/libs/ytbgnav/image/bg_pop.png);
	z-index: 9
}
.yt_container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.yt_container iframe,
.yt_container object,
.yt_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 40px
}
.bt_play {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
}
.bt_play img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

@media (max-width: 960px) { 

	.yt_container iframe,
	.yt_container object,
	.yt_container embed {
		border-radius: 20px
	}
}