@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";

.itemList {
  left: 150px;
  bottom: 210px;
  > li {
    margin-right: 20px;
    .size(@w:242px, @h:242px);

    &.videoBox {
      .size(@w:430px, @h:242px);

      &:focus {
        &::after {
          .focused(@borderRadius: 0px);
          z-index: 10;
        }
      }
    }
  }
}
@media (min-width: 1280px) {
  .videoBox {
    width: 288apx !important;
    height: 162apx !important;
  }
}
@media (min-width: 1920px) {
  .videoBox {
    width: 430px !important;
    height: 242px !important;
  }
}
.videoModal {
  &::after {
    .focused(@boxShadow:0px, @borderRadius: 0px);
  }

  > div {
    overflow: hidden;
  }
}
