@media (min-width: 1172px) and (max-width: 1288px) {
  .show {
    width: 500px;
    height: 500px; }
  .imgScrollWrap_v {
    height: 490px; }
  .imgScrollList_v,
  .imgScrollList_v li {
    height: 455px; }
  .imgScrollList_v li span {
    width: 100px;
    height: 100px; } }

@media (min-width: 1089px) and (max-width: 1171px) {
  .show {
    width: 450px;
    height: 450px; }
  .imgScrollWrap_v {
    height: 450px; }
  .imgScrollList_v,
  .imgScrollList_v li {
    height: 430px; }
  .imgScrollList_v li span {
    width: 90px;
    height: 90px; } }

@media (min-width: 992px) and (max-width: 1088px) {
  .show {
    width: 430px;
    height: 430px; }
  .imgScrollWrap_v {
    height: 450px; }
  .imgScrollList_v,
  .imgScrollList_v li {
    height: 430px; }
  .imgScrollList_v li span {
    width: 90px;
    height: 90px; }
  .imgScrollList_v,
  .imgScrollList_v ul,
  .imgScrollList_v li,
  .col-thumb {
    max-width: 140px !important; }
  .imgScrollBtn01_v,
  .imgScrollBtn02_v {
    left: 50px; } }

@media only screen and (max-width: 991px) {
  .zoomopa,
  .zoomimg {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .show {
    width: 390px;
    height: 390px; }
  .imgScrollWrap_v {
    height: 390px; }
  .imgScrollList_v,
  .imgScrollList_v li {
    height: 350px; }
  .imgScrollList_v li span {
    width: 75px;
    height: 75px; }
  .imgScrollWrap_v,
  .imgScrollList_v,
  .imgScrollList_v ul,
  .imgScrollList_v li,
  .col-thumb {
    max-width: 125px !important; }
  .imgScrollBtn01_v,
  .imgScrollBtn02_v {
    left: 44px; } }

@media only screen and (max-width: 550px) {
  .gallery-wrap {
    position: relative;
    height: 470px; }
  .zoomopa,
  .zoomimg {
    display: none !important; }
  .zoomimg {
    width: 400px !important;
    height: 400px !important;
    left: -92px !important;
    top: 0; }
  .col-thumb {
    transform: rotate(270deg);
    position: absolute;
    left: 39%;
    bottom: -125px;
    width: inherit !important; }
  .col-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important; }
  .col-img,
  .col-thumb {
    display: block;
    float: none;
    max-width: inherit !important; }
  .show {
    width: 360px;
    height: 360px;
    margin: 0 auto; }
  .imgScrollList_v,
  .imgScrollList_v ul,
  .imgScrollList_v li,
  .imgScrollWrap_v {
    width: 100px; }
  .imgScrollBtn01_v,
  .imgScrollBtn02_v {
    left: 30px; }
  .imgScrollList_v li span {
    margin: 3px auto 6px;
    width: 74px;
    height: 74px; }
  .imgScrollWrap_v {
    height: 360px;
    margin: 0 auto; }
  .imgScrollList_v,
  .imgScrollList_v li,
  .imgScrollList_v li {
    height: 340px; }
  .imgScrollList_v span {
    transform: rotate(90deg); } }

@media only screen and (max-width: 375px) {
  .gallery-wrap {
    height: 445px; }
  .show {
    width: 325px;
    height: 325px; }
  .col-thumb {
    left: 37%; }
  .zoomimg {
    width: 360px !important;
    height: 360px !important;
    left: -92px !important;
    top: 0; }
  .zoomimg {
    width: 350px !important;
    height: 350px !important;
    left: -85px !important;
    top: 0; } }

@media only screen and (max-width: 360px) {
  .gallery-wrap {
    height: 380px; }
  .col-thumb {
    max-width: 85px !important; }
  .imgScrollList_v,
  .imgScrollList_v ul,
  .imgScrollList_v li,
  .imgScrollWrap_v {
    width: 85px; }
  .show {
    width: 300px;
    height: 300px; }
  .imgScrollList_v li span {
    margin: 3px auto 6px;
    width: 60px;
    height: 60px; }
  .imgScrollBtn01_v,
  .imgScrollBtn02_v {
    left: 22px; }
  .imgScrollWrap_v {
    height: 305px; }
  .zoomimg {
    width: 305px !important;
    height: 305px !important;
    left: -77px !important; } }