diff --git a/src/assets/images/videoFour.png b/src/assets/images/videoFour.png
new file mode 100644
index 00000000..aac3d920
Binary files /dev/null and b/src/assets/images/videoFour.png differ
diff --git a/src/assets/images/videoFour1.png b/src/assets/images/videoFour1.png
new file mode 100644
index 00000000..ee362076
Binary files /dev/null and b/src/assets/images/videoFour1.png differ
diff --git a/src/views/projectFront/insideSrsVideo/overview.vue b/src/views/projectFront/insideSrsVideo/overview.vue
index 0a13c73d..80eb5a8c 100644
--- a/src/views/projectFront/insideSrsVideo/overview.vue
+++ b/src/views/projectFront/insideSrsVideo/overview.vue
@@ -84,16 +84,27 @@
                   src="@/assets/images/videoTwo.png"
                 />
                 <img
-                  v-show="showType == 8"
+                  v-show="showType == 9"
                   class="shrink-0 image_4"
                   src="@/assets/images/videoThree1.png"
                 />
                 <img
-                  v-show="showType != 8"
-                  @click="changeShowType(8)"
+                  v-show="showType != 9"
+                  @click="changeShowType(9)"
                   class="shrink-0 image_4 cursorPointer"
                   src="@/assets/images/videoThree.png"
                 />
+                <img
+                  v-show="showType == 12"
+                  class="shrink-0 image_4"
+                  src="@/assets/images/videoFour1.png"
+                />
+                <img
+                  v-show="showType != 12"
+                  @click="changeShowType(12)"
+                  class="shrink-0 image_4 cursorPointer"
+                  src="@/assets/images/videoFour.png"
+                />
               </div>
             </div>
             <div class="flex-row items-start relative group_2 space-x-16">
@@ -102,7 +113,7 @@
                 :class="'showType' + showType"
               >
                 <div
-                  class="section_8 relative"
+                  class="section_9 relative"
                   v-for="(item, index) in videoList"
                   :key="item.itemId"
                   @click="selectFn(index)"
@@ -307,7 +318,7 @@ export default {
         flex-wrap: wrap;
         width: 100%;
         height: calc(100% - 32px);
-        .section_8 {
+        .section_9 {
           height: calc(100% - 10px);
           width: calc(100% - 11px);
           margin: 15px;
@@ -324,7 +335,7 @@ export default {
             border: 1px solid rgba(12, 39, 74, 1);
           }
         }
-        &.showType4 .section_8 {
+        &.showType4 .section_9 {
           width: calc(50% - 32px);
           height: calc(50% - 25px);
           margin: 15px;
@@ -332,7 +343,7 @@ export default {
           //   margin-right: 0;
           // }
         }
-        &.showType8 .section_8 {
+        &.showType9 .section_9 {
           width: 31%;
           height: 30%;
           margin: 15px;
@@ -340,6 +351,14 @@ export default {
           //   margin-right: 0;
           // }
         }
+        &.showType12 .section_9 {
+          width: 23%;
+          height: 30%;
+          margin: 15px;
+          // &:nth-child(4n) {
+          //   margin-right: 0;
+          // }
+        }
         .space-y-7 {
           & > *:not(:first-child) {
             margin-top: 7px;
diff --git a/src/views/projectFront/insideVideo/overview.vue b/src/views/projectFront/insideVideo/overview.vue
index 0a13c73d..10f3387e 100644
--- a/src/views/projectFront/insideVideo/overview.vue
+++ b/src/views/projectFront/insideVideo/overview.vue
@@ -84,16 +84,27 @@
                   src="@/assets/images/videoTwo.png"
                 />
                 <img
-                  v-show="showType == 8"
+                  v-show="showType == 9"
                   class="shrink-0 image_4"
                   src="@/assets/images/videoThree1.png"
                 />
                 <img
-                  v-show="showType != 8"
-                  @click="changeShowType(8)"
+                  v-show="showType != 9"
+                  @click="changeShowType(9)"
                   class="shrink-0 image_4 cursorPointer"
                   src="@/assets/images/videoThree.png"
                 />
+                <img
+                  v-show="showType == 12"
+                  class="shrink-0 image_4"
+                  src="@/assets/images/videoFour1.png"
+                />
+                <img
+                  v-show="showType != 12"
+                  @click="changeShowType(12)"
+                  class="shrink-0 image_4 cursorPointer"
+                  src="@/assets/images/videoFour.png"
+                />
               </div>
             </div>
             <div class="flex-row items-start relative group_2 space-x-16">
@@ -102,7 +113,7 @@
                 :class="'showType' + showType"
               >
                 <div
-                  class="section_8 relative"
+                  class="section_9 relative"
                   v-for="(item, index) in videoList"
                   :key="item.itemId"
                   @click="selectFn(index)"
@@ -307,7 +318,7 @@ export default {
         flex-wrap: wrap;
         width: 100%;
         height: calc(100% - 32px);
-        .section_8 {
+        .section_9 {
           height: calc(100% - 10px);
           width: calc(100% - 11px);
           margin: 15px;
@@ -324,7 +335,7 @@ export default {
             border: 1px solid rgba(12, 39, 74, 1);
           }
         }
-        &.showType4 .section_8 {
+        &.showType4 .section_9 {
           width: calc(50% - 32px);
           height: calc(50% - 25px);
           margin: 15px;
@@ -332,7 +343,7 @@ export default {
           //   margin-right: 0;
           // }
         }
-        &.showType8 .section_8 {
+        &.showType9 .section_9 {
           width: 31%;
           height: 30%;
           margin: 15px;
@@ -340,6 +351,14 @@ export default {
           //   margin-right: 0;
           // }
         }
+        &.showType12 .section_9 {
+					width: 23%;
+					height: 30%;
+					margin: 15px;
+					// &:nth-child(4n) {
+					//   margin-right: 0;
+					// }
+				}
         .space-y-7 {
           & > *:not(:first-child) {
             margin-top: 7px;