
/**
 * PgwSlideshow - Version 2.0
 *
 * Copyright 2014, Jonathan M. Piat
 * http://pgwjs.com - http://pagawa.com
 *
 * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0
 */
.pgwSlideshow { width: 100%; }
.pgwSlideshow a { color: #fff; }
.pgwSlideshow .ps-current { position: relative; overflow: hidden;}
.pgwSlideshow .ps-current > ul > li { text-align: center; width: 100%; z-index: 1; opacity: 0; display: block; }
.pgwSlideshow .ps-current > ul > li img { display: block; max-width: 100%; margin: auto; }
.pgwSlideshow .ps-caption { background:url(../images/py.png) repeat; text-align:center; font-size: 0.26rem; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px 0; display: none; overflow:hidden;}
.pgwSlideshow .ps-caption span { padding: 7px; display: inline-block; }

.pgwSlideshow .ps-list { width:100%; overflow: hidden; position: relative; margin:12px auto 0 auto;}
.pgwSlideshow .ps-list ul { position: relative; list-style: none; left: 0; }
.pgwSlideshow .ps-list li { float: left; }
.pgwSlideshow .ps-list li .ps-item { display: block; margin: 0 6px; opacity: 0.6; filter: alpha(opacity=60); }
.pgwSlideshow .ps-list li img { display: block; border: 1px solid #ccc; width: 108px; height:81px; }
.pgwSlideshow .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #ff8100; overflow: hidden; }
.pgwSlideshow .ps-list li .ps-item.ps-selected img { margin: -4px; }


.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{ width:4.6%; height:2.3vw; background:url(../images/awp.png) no-repeat center; background-size:contain; position: absolute; top: 45%; cursor: pointer; }
.pgwSlideshow .ps-current .ps-prev:hover, .pgwSlideshow .ps-current .ps-next:hover{ background:url(../images/awp_ed.png) no-repeat center; background-size:contain;}
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-prev:hover{ left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.pgwSlideshow .ps-current .ps-next{ right: 0;}


@media screen and (max-width: 1024px) and (min-width:0) {
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{ width:4.6%; height:0.56rem;}



}