.gallery-thumbs {
  float: left;
  width: calc(20% - 20px);
  height: 513px;
  margin-right: 20px;
}

.gallery-thumbs .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}

.gallery-thumbs .swiper-slide-active {
  border: 1px solid grey;
}

.gallery-thumbs .swiper-slide:hover {
  border: 1px solid grey;
}

.gallery-top {
  float: right;
  width: 80%;
  height: 513px;
}

.gallery-top .swiper-slide {

}

.swiper-button-prev {
  transform: rotate(180deg);
  top: 0;
    position: absolute;
    width: 100%;
    height: 20px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffffc2;
}

.swiper-button-next {
  bottom: 0;
  position: absolute;
    width: 100%;
    height: 20px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffffc2;
}

.swiper-button-prev:hover,.swiper-button-next:hover{
    background-color: #ffffffeb;
}