diff --git a/src/components/Product.vue b/src/components/Product.vue
index a12201f..b16a112 100644
--- a/src/components/Product.vue
+++ b/src/components/Product.vue
@@ -11,7 +11,14 @@
             <span>→</span>
           </div>
         </div>
-        <div class="detail_show_container"></div>
+        <div class="detail_show_container">
+          <div class="content">
+            线性光源是建筑照明术语，指一个连续的灯或灯具，其发光带的总长度远大于其
+            到照度计算点之间的距离，可视为线光源。线性光源一般是多
+            发出线性的光，形成一条线。可选择365nm、385nm、395nm、405nm波长的不同
+          </div>
+          <div class="botton_txt">动车底部巡检</div>
+        </div>
       </div>
       <div class="product_card">
         <img :src="A1" alt="" class="product_img" />
@@ -92,30 +99,49 @@ import A1 from '@/static/img/index/a1.png'
           cursor: pointer;
         }
       }
+      .detail_show_container {
+        display: none;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        background: #fcfcfc;
+        height: 100%;
+        box-sizing: border-box;
+        z-index: 20;
+        padding: 94px 0 194px 0;
+        .content {
+          border-left: solid 4px #f95926;
+          width: 80%;
+          margin: 0 auto;
+          padding-left: 34px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 14px;
+          font-weight: 300;
+          color: #7e7e7e;
+          line-height: 28px;
+        }
+        .botton_txt {
+          position: absolute;
+          left: 0;
+          bottom: 0;
+          right: 0;
+          padding: 30px 84px;
+          background: #f95926;
+          font-size: 22px;
+          font-weight: 500;
+          color: #ffffff;
+        }
+      }
       &:nth-child(even) {
         .detail_show_container {
-          display: none;
-          position: absolute;
-          top: 0;
           left: -100%;
-          width: 100%;
-          background: #fcfcfc;
-          height: 100%;
-          box-sizing: border-box;
-          z-index: 999;
         }
       }
       &:nth-child(odd) {
         .detail_show_container {
-          display: none;
-          position: absolute;
-          top: 0;
           left: 100%;
-          width: 100%;
-          background: #fcfcfc;
-          height: 100%;
-          box-sizing: border-box;
-          z-index: 999;
         }
       }
       &:hover {