.video-box { position: relative; overflow: hidden; }
.video-box.placeholder-image .btn-play { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.video-box.placeholder-image .image img { width: 100%; }
.video-box.placeholder-image iframe { width: 100%; height: 100%; display: block; }
.video-box.placeholder-image.playing .btn-play { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; visibility: hidden; }

.btn-play { position: relative; display: inline-block; font-size: 52px; width: 72px; height: 72px; font-size: 22px; vertical-align: middle; margin-bottom: 3px; color: #fff; }
.btn-play:before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ' '; background: rgba(0, 0, 0, 0.5); }
.btn-play:after { position: absolute; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-filter: blur(0); filter: blur(0); border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #ffffff; content: ' '; }
.btn-play:hover:before { -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.btn-play.btn-lg { width: 112px; height: 112px; }
.btn-play.btn-lg:after { border-width: 10px 0 10px 18px; }