diff --git a/src/desktop/img/nft/hero/video_border.png b/src/desktop/img/nft/hero/video_border.png
new file mode 100644
index 0000000..4a2f160
Binary files /dev/null and b/src/desktop/img/nft/hero/video_border.png differ
diff --git a/src/desktop/nft.html b/src/desktop/nft.html
index 607d6f1..b8ac2f9 100755
--- a/src/desktop/nft.html
+++ b/src/desktop/nft.html
@@ -22,6 +22,13 @@
       video{
         object-fit:fill
       }
+      #hero_skill_movie{
+        border-radius: 25px;
+        margin: 26px 27px;
+      }
+      .nobg{
+        background: unset!important;
+      }
     </style>
   </head>
   <body>
@@ -301,9 +308,12 @@
               <img src="img/nft/hero/close-b@2x.png" />
             </span>
             <div class="hero-d-jx">
-              <video id="hero_skill_movie" width="726" height="442" src="img/nft/movie/001.mp4" autoplay="autoplay">
+              <video id="hero_skill_movie" width="622" height="374" src="img/nft/movie/001.mp4" autoplay="autoplay">
                 Your browser does not support the video tag.
               </video>
+              <div class="video-mask" id="video_mask">
+                <img src="img/nft/hero/video_border.png">
+              </div>
             </div>
             <div class="hero-d-data">
               <img src="img/nft/hero/hero1data@2x.png" />
@@ -525,10 +535,14 @@
           $('.hero-view').find('.hero-d-p img').attr('src', bigImg)
           if (movie) {
             $('#hero_skill_movie').show();
+            $('#video_mask').show();
+            $('#hero_skill_movie').parent().addClass('nobg');
             $('#hero_skill_movie').attr('src', movie);
             document.getElementById("hero_skill_movie").play();
           } else {
             $('#hero_skill_movie').hide();
+            $('#video_mask').hide();
+            $('#hero_skill_movie').parent().removeClass('nobg');
           }
           
           $('.hero-view').slideDown(250)
