/** * 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
}
.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{
    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{
    float:right
}
.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%
}