From eed1c690bee0ad2bdb8e3636ee9aa077325ffb75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Damian=20Fia=C5=82kiewicz?= <damian.fialkiewicz@snow.dog>
Date: Tue, 16 Apr 2019 13:29:39 +0200
Subject: [PATCH 1/2] #52198 - Fix fotorama video styles

---
 CHANGELOG.md                                  |  3 ++
 Magento_Catalog/styles/modules/_fotorama.scss | 42 +++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cdddda085..72a69023f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,9 @@ All notable changes to this project will be documented in this file.
 - wishlist and catalog elements for focus state
 - Catalog grid item link class name
 
+### Fixed
+- Fotorama video styles
+
 ## [1.2.0] - 2019-03-04
 ### Added
 - Support for escape key in dropdown script
diff --git a/Magento_Catalog/styles/modules/_fotorama.scss b/Magento_Catalog/styles/modules/_fotorama.scss
index d267866ac..a253491b6 100644
--- a/Magento_Catalog/styles/modules/_fotorama.scss
+++ b/Magento_Catalog/styles/modules/_fotorama.scss
@@ -93,6 +93,48 @@
         }
     }
 
+    .fotorama-video-container {
+        cursor: pointer;
+
+        &.video-unplayed {
+            &:after {
+                content: '';
+                position: absolute;
+                top: 12px;
+                right: 0;
+                bottom: 0;
+                left: 0;
+                margin: auto;
+                width: 100px;
+                height: 100px;
+                opacity: 0.8;
+                background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right;
+            }
+
+            &:hover {
+                &:after {
+                    opacity: 1;
+                }
+            }
+        }
+
+        &.fotorama__product-video--loaded {
+            .product-video {
+                display: block;
+                width: 100%;
+                height: 100%;
+            }
+        }
+
+        .product-video {
+            display: none;
+        }
+
+        .fotorama__img {
+            pointer-events: none;
+        }
+    }
+
     .fotorama__thumb-border {
         display: none;
     }

From 336b0a315540c43d75898264ea7850e31e0dc9d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Damian=20Fia=C5=82kiewicz?= <damian.fialkiewicz@snow.dog>
Date: Tue, 16 Apr 2019 14:23:49 +0200
Subject: [PATCH 2/2] #52198 - Update order of property

---
 Magento_Catalog/styles/modules/_fotorama.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Magento_Catalog/styles/modules/_fotorama.scss b/Magento_Catalog/styles/modules/_fotorama.scss
index a253491b6..8986790b9 100644
--- a/Magento_Catalog/styles/modules/_fotorama.scss
+++ b/Magento_Catalog/styles/modules/_fotorama.scss
@@ -104,9 +104,9 @@
                 right: 0;
                 bottom: 0;
                 left: 0;
-                margin: auto;
                 width: 100px;
                 height: 100px;
+                margin: auto;
                 opacity: 0.8;
                 background: url(../Magento_ProductVideo/img/gallery-sprite.png) bottom right;
             }