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

.flexCont {
  width: 1740px;
  height: 900px;
  padding: 45px 20px;
  display: flex;
  background-repeat: no-repeat;
  background-size: cover;
  > div {
    flex: none;
    width: 1414px;
    margin-right: 46px;
    position: relative;
    &:focus {
      &::after {
        .focused();
      }
    }
  }
}
.itemList {
  flex: none;
  width: 240px;
  position: relative !important;
  flex-direction: column;
  > li {
    margin-bottom: 45px;
    .size(@w:240px, @h:240px);
    &:last-child {
      margin-bottom: 0;
    }
  }
}

.fullImg {
  width: 1414px;
  height: 810px;
  > div {
    position: relative;
    width: 1414px;
    height: 810px;
    border-radius: 12px;
    &.videoBox {
      width: 1414px;
      height: 810px;
      border-radius: 12px;
      > img {
        width: 1414px;
        height: 810px;
        border-radius: 12px;
      }
    }

    &:focus {
      &::after {
        .focused(@borderRadius: 0px);
        z-index: 10;
      }
    }
  }
}

.videoModal {
  &::after {
    .focused(@boxShadow:0px, @borderRadius: 0px);
  }

  > div {
    overflow: hidden;
  }
}
