/**
 * PgwSlider - Version 2.3
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
.pgwSlider { width: 100%; color: #fff }

.pgwSlider a { display: block; text-decoration: none; color: #fff }

.pgwSlider .ps-current { float: left; width: 74%; overflow: hidden; height: inherit; position: relative; font-size: 1rem }

.pgwSlider.listOnTheLeft .ps-current { float: right; border: solid 1px #ddd; }

.pgwSlider .ps-current ul { width: 100% }

.pgwSlider .ps-current li { width: 100%; z-index: 1; opacity: 0; display: none }

.pgwSlider .ps-current img { max-width: 100%; min-width: 100%; height: auto; display: block; transition: margin-top 250ms linear }

.pgwSlider .ps-caption { position: absolute; width: 100%; padding: 12px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); left: 0; bottom: 0; display: none; z-index: 3 }

ul.pgwSlider,
.pgwSlider ul { float: right; width: 25%; padding: 0; list-style: none; margin: 0 }

ul.pgwSlider.listOnTheLeft,
.pgwSlider.listOnTheLeft>ul { float: left }

ul.pgwSlider>li,
.pgwSlider>.ps-list>li { height: 50px; margin-bottom: 6px; overflow: hidden; position: relative; opacity: .6; filter: alpha(opacity=60); font-size: .8rem; transition: opacity 200ms linear }

ul.pgwSlider>li:last-child,
.pgwSlider>ul>li:last-child { margin-bottom: 0 }

ul.pgwSlider>li span,
.pgwSlider>.ps-list>li span { display: block; width: 100%; position: absolute; bottom: 0; padding: 5px; background: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

ul.pgwSlider>li:hover, .pgwSlider>ul>li:hover { opacity: 1 !important }

ul.pgwSlider>li img, .pgwSlider>ul>li img { width: 100%; min-height: 100%; display: block; transition: margin-top 250ms linear }

.pgwSlider .ps-prevIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block }

.pgwSlider .ps-nextIcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block }

.pgwSlider .ps-current .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; position: absolute; padding: 20px 20px 20px 17px; left: 0; top: 45%; cursor: pointer }

.pgwSlider .ps-current .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; position: absolute; padding: 20px 17px 20px 20px; right: 0; top: 45%; cursor: pointer }

ul.pgwSlider.wide>li,
.pgwSlider.wide>ul>li {border: solid 1px #ddd; width: 100% !important }

.pgwSlider.narrow .ps-current { margin-bottom: 6px; font-size: .8rem }

.pgwSlider.narrow .ps-current img { width: 100%; min-height: inherit }

.pgwSlider.narrow .ps-current, ul.pgwSlider.narrow, .pgwSlider.narrow>ul { width: 100% }

ul.pgwSlider.narrow>li, .pgwSlider.narrow>.ps-list>li { float: left; min-height: 50px; max-height: 70px; min-width: 15%; font-size: .7rem; margin-bottom: 0 }

ul.pgwSlider.narrow.listOnTheLeft>li,
.pgwSlider.narrow.listOnTheLeft>ul>li {    border: solid 1px #ddd;  }

.pgwSlider.narrow .ps-caption { padding: 8px }

.pgwSlider.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40% }

.pgwSlider.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40% }


@media(max-width:510px){
.product-detail .image-gallery .ps-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
ul.pgwSlider.narrow>li, .pgwSlider.narrow>.ps-list>li{float:none; width: 19% !important;}

}