.hzal_li1_1,
.pro_detatop1_1,
.hzal_detadown2 {
  object-fit: cover;
}

.pro_detatop1[role="button"] {
  cursor: pointer;
}

.pro_detatop1[role="button"]:focus-visible {
  outline: 3px solid #315cc6;
  outline-offset: 4px;
}

.fd_provevideo--case {
  align-items: center;
  justify-content: center;
  background: rgba(2, 10, 28, .88);
}

.fd_provevideo--case video {
  display: block;
  width: min(92vw, 1120px);
  max-height: 86vh;
  background: #000;
}

.case-video-close {
  position: fixed;
  z-index: 2;
  top: max(18px, env(safe-area-inset-top));
  right: max(18px, env(safe-area-inset-right));
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  color: #fff;
  background: rgba(6, 28, 70, .88);
  font-size: 30px;
  line-height: 38px;
  cursor: pointer;
}

.case-video-status {
  position: fixed;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 16px;
  border-radius: 8px;
  color: #fff;
  background: rgba(6, 28, 70, .84);
  font-size: 15px;
  pointer-events: none;
}

.case-video-status[hidden] {
  display: none;
}

.case-video-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  .fd_provevideo--case video {
    width: 96vw;
    max-height: 78vh;
  }
}