.nectar-video-box {
line-height: 0;
position: relative;
margin-bottom: 35px;
}
.nectar-video-box .inner-wrap {
overflow: hidden;
}
.nectar-video-box .inner-wrap >a.full-link {
position: absolute;
display: block;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
}
.nectar-video-box img {
transition: all .7s cubic-bezier(.2,1,.22,1);
-webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
margin-bottom: 0!important;
transform: translateZ(0) scale(1.05);
-webkit-transform: translateZ(0) scale(1.05);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
max-width: none!important;
width: 100%!important;
}
.nectar-video-box .nectar_video_lightbox {
position: absolute;
left: 50%;
top: 50%;
z-index: 10;
width: 70px;
height: 70px;
margin-top: -35px;
margin-left: -35px;
color: #fff;
display: inline-block;
border-radius: 200px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.nectar-video-box:not([data-mouse-style="see_through_contrast"]) a.nectar_video_lightbox {
box-shadow: 0 20px 45px rgb(0 0 0 / 25%);
}
.nectar-video-box[data-color] a.nectar_video_lightbox.play_button_2 {
background-color: transparent!important;
}
.nectar-video-box a.nectar_video_lightbox:not(.play_button_mouse_follow):before {
opacity: 0.8;
content: '';
width: 100%;
height: 100%;
border-radius: 50%;
top: 0;
left: 0;
display: block;
position: absolute;
border: none;
background-color: #005eff!important;
}
.nectar_video_lightbox .play {
display: block;
height: 100%;
width: 100%;
transition: all 0.4s cubic-bezier(0.19,1,0.22,1) 0s;
-webkit-transition: all 0.4s cubic-bezier(0.19,1,0.22,1) 0s;
}
.nectar-video-box .inner-wrap {
overflow: hidden;
}
.nectar_video_lightbox svg, .masonry-blog-item .video-play-button svg, .auto_meta_overlaid_spaced article .content-inner > .play svg {
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-left: 2px;
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
.nectar_video_lightbox svg {
width: 18px;
height: 18px;
}
.nectar_video_lightbox svg path {
fill: #fff;
}
.nectar-video-box:hover img {
transform: scale(1.14);
-webkit-transform: scale(1.14);
}