.viewer { position: relative; }
.viewer .new { position: absolute; top: 0; right: 0; z-index: 2; }
.viewer .new.hide { display: none; }  

.viewer__viewport { position: relative; width: 100%; }
.viewer__viewport:before { display: block; padding-top: 100%; content: ''; }
.viewer__viewport > .inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.viewer .viewer__panel { background-color: #f8f8f8; padding: 10px 0; }

.viewer .viewer__panel .icon-zoom_in,
.viewer .viewer__panel .icon-zoom_out,
.viewer .viewer__panel .icon-reset,
.viewer .viewer__panel .icon-download { font-size: 26px; }

.viewer__slider { position: relative; border-top: 1px solid #e9e9e8; border-bottom: 1px solid #e9e9e8; }
.viewer__slider > .inner { margin: 0 auto; width: 50%; /*height: 98px;*/ overflow: hidden; white-space: nowrap; }
.viewer__slider > .inner a { display: inline-block; width: 49%; /*height: 98px;*/ overflow: hidden; padding: 0 1px; }
.viewer__slider > .inner img { width: 100%; border-width: 0 1px; border-style: solid; border-color: transparent; }
.viewer__slider > .inner img.is-selected,
.viewer__slider > .inner .cycle-slide-active img { border-left: 1px solid #e9e9e8; border-right: 1px solid #e9e9e8; }
.viewer__slider .btn__slideLeft, .viewer__slider .btn__slideRight { position: absolute; top: 50%; margin-top:-30px; }
.viewer__slider .btn__slideLeft { left: 0; }
.viewer__slider .btn__slideRight { right: 0; }
.viewer__slider .btn__slideLeft.disabled a,
.viewer__slider .btn__slideRight.disabled a { opacity: 0.3; cursor: default; }

@media only screen and (min-width: 1366px) { .viewer__slider > .inner img { padding: 0 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) { .viewer__slider > .inner img { padding: 0 10px; } }
@media only screen and (max-width: 767px) { .viewer__slider > .inner img { padding: 0 10px; } }



.pd-slider { position: relative; }

.pd-slider__pagination { position: absolute; left: 20px; bottom: 0; z-index: 100; }
.pd-slider__pagination span { display: inline-block; width: 14px; height: 14px; text-indent: -10000px; color:#fff; background: #dfdfe0; border: 1px solid #7f7f7f; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; cursor: pointer; }

.pd-slider__pagination span + span { margin-left: 0.5em; }

.pd-slider__pagination span.cycle-pager-active { background: #0039a8; }

.pd-slider > .inner { overflow: hidden; white-space: nowrap; }

.pd-slider__unit { display: inline-block; position: relative; width: 100%; }

@media only screen and (max-width: 767px) { 

	.pd-slider__unit { margin-top: 30px; }

}

.pd-slider__unit > img { display: block; width: 100%; height: auto; }

.pd-slider__description { position: absolute; top: 0; left: 0; width: 50%; white-space: normal; }