/** * 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-cadre {float: left;overflow: hidden;position: relative;border: 12px solid white;box-shadow: 4px 4px 10px #555;width:75%;max-width: 500px; height: 440px;}.pgwSlider .ps-current {    overflow:visible;}.pgwSlider .ps-caption {    display: none;    z-index: 3;    color: black;}@media only screen and (max-width: 640px){    .pgwSlider .ps-cadre {height: 370px;border:none;    box-shadow:none;}}@media only screen and (max-width: 570px){    .pgwSlider .ps-cadre {height: 320px;}}@media only screen and (max-width: 500px){    .pgwSlider .ps-cadre {height: 370px;width:100%;}    .pgwSlider .ps-cadre ul{position: relative; left:-10px;}    .ps-next,.ps-prev{display:none !important;}     .ps-list li{max-width: 20%;}    .ps-list li img{width: 100% !important;}}@media only screen and (max-width: 400px){    .pgwSlider .ps-cadre {height: 320px;}}@media only screen and (max-width: 360px){    .pgwSlider .ps-cadre {height: 300px;}}.pgwSlider.listOnTheLeft .ps-current {    float: right;}.pgwSlider .ps-current ul {    width: 100%;    max-width: 500px;}.pgwSlider .ps-current li {    width: 100%;    z-index: 1;    opacity: 0;    display: none;    list-style-type: none;}.pgwSlider .ps-current img {    max-width: 100%;    min-width: 100%;    height: auto;    display: block;    transition: margin-top 250ms linear;}ul.pgwSlider,.pgwSlider  ul {    float: right;    width: 20%;    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: 0.6;    filter: alpha(opacity=60);    font-size: 0.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;}.pgwSlider > .ps-list > li span {display:none !important;}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;}/* * The media-queries are not used because IE8 doesn't support them. */ul.pgwSlider.wide > li,.pgwSlider.wide > ul > li {    width: 100% !important;    height: auto !important;}.pgwSlider.narrow .ps-current {    margin-bottom: 6px;    font-size: 0.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: 0.7rem;    margin-bottom: 0;}ul.pgwSlider.narrow.listOnTheLeft > li,.pgwSlider.narrow.listOnTheLeft > ul > li {    float: right;}.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%;}