.youtube {

background-color: #000;

margin-bottom: 30px;

position: relative;

padding-top: 56.25%;

overflow: hidden;
cursor: pointer;
}

.youtube img {

width: 100%;

top: -16.82%;

left: 0;

border-radius: 8px;

opacity: 0.7;

}

.youtube .play-button {

width: 60px;

height: 60px;

box-shadow: 0 0 30px rgba( 0,0,0,0.6 );

z-index: 1;

opacity: 0.8;

border-radius: 100%;

}

.youtube .play-button:before {

content: "";

border-style: solid;

border-width: 15px 0 15px 26.0px;

border-color: transparent transparent transparent #fff;

}

.youtube img,

.youtube .play-button {

	cursor: pointer;

}

.youtube img,

.youtube iframe,

.youtube .play-button,

.youtube .play-button:before {

	position: absolute;

}

.youtube .play-button,

.youtube .play-button:before {

	top: 50%;

	left: 50%;

	transform: translate3d( -50%, -50%, 0 );

}

.youtube .play-button:before {

	left: 55%!important;

}

.youtube iframe {

	height: 100%;

	width: 100%;

	top: 0;

	left: 0;

}

.youtube-responsive {

	padding-bottom: 60.25%;

	position: relative;

	height: 0px;

	overflow: hidden;

}

.youtube-responsive iframe {

	left: 0px;

	top: 0;

	height: 100%;

	width: 100%;

	position: absolute;

}