.p-detail-photo {
    width: 500px;
    margin: 0 auto;
    padding: 30px 0;

    & .main {
      margin-bottom: 10px;
    }

    & .thumbnail .swiper-slide {
      cursor: pointer;
      opacity: .7;

      & img {
          width: 100%;
      }
    }

    & .thumbnail .swiper-slide-active {
      opacity: 1;
    }

    & .thumbnail .swiper-wrapper {
      margin-left: calc(-100% / 3)
    }

}
