slide fancybox video

src/files/css/main.css

@@ -10572,4 +10572,36 @@ body {
   left: 0;
   right: 0; }
 
+.slide-fancybox-video {
+  position: relative; }
+  .slide-fancybox-video:before {
+    display: block;
+    content: '';
+    position: absolute;
+    background: rgba(50, 4, 4, 0.8);
+    height: 50px;
+    width: 80px;
+    top: 50%;
+    left: 50%;
+    margin-left: -40px;
+    margin-top: -25px;
+    border-radius: 5px;
+    z-index: 2; }
+  .slide-fancybox-video:hover:before {
+    background: #bd0505; }
+  .slide-fancybox-video:after {
+    display: block;
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 0px;
+    height: 0px;
+    border-top: 15px solid transparent;
+    border-bottom: 15px solid transparent;
+    border-left: 50px solid #ffffff;
+    margin-left: -25px;
+    margin-top: -15px;
+    z-index: 3; }
+
 /*# sourceMappingURL=main.css.map */

src/files/scss/main.scss

@@ -51,4 +51,40 @@ body {
     bottom: 0;
     left: 0;
     right: 0;
+}
+
+.slide-fancybox-video {
+    position: relative;
+    &:before {
+        display: block;
+        content: '';
+        position: absolute;
+        background: rgba(50,4,4, 0.8);
+        height: 50px;
+        width: 80px;
+        top: 50%;
+        left: 50%;
+        margin-left: -40px;
+        margin-top: -25px;
+        border-radius: 5px;
+        z-index: 2;
+    }
+    &:hover:before {
+        background: #bd0505;
+    }
+    &:after {
+        display: block;
+        content: '';
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 0px;
+        height: 0px;
+        border-top: 15px solid transparent;
+        border-bottom: 15px solid transparent;
+        border-left: 50px solid #ffffff;
+        margin-left: -25px;
+        margin-top: -15px;
+        z-index: 3;
+    }
 }