.video_zzss {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
  }

  .video_playss {
    width: 95%;
    max-width: 835px;
    display: none;
    position: fixed;
    top: 28%;
    left: 28%;
    /* transform: translate(-50%, -50%); */
    z-index: 1001;
  }
  
  @media (min-width: 992px) and (max-width: 1400px) {
    .video_playss {
        top: 18%;
        left: 19%;
    }
}
  /* @media (min-width:992px) {
    .video_playss {
      margin-left: -22%;
      margin-top: -10%;
    }
  } */

  @media (max-width:991px) {
    .video_playss {
      margin-left: -25%;
      margin-top: 12%;
    }
  }

  .video-controlsss {
    height: 25px;
    width: 25px;
    position: absolute;
    top: 3%;
    right: 3%;
    z-index: 1002;
  }

  .video-controlsss:hover {
    cursor: pointer;
  }

  .video_detailss {
    display: flex;
    justify-content: center;
    align-items: center;
  }