.pgwSlider {
width: 100%;
color: #fff;
}
.pgwSlider a{
display: block;
text-decoration: none;
color: #fff;
}
.pgwSlider .ps-current {
float: left;
width: 85%;
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 {
display: none;
}
ul.pgwSlider,
.pgwSliderul {
float: right;
width: 25%;
padding: 0;
list-style: none;
margin: 0;
}
ul.pgwSlider.listOnTheLeft,
.pgwSlider.listOnTheLeft > ul {
float: left;
width: 14%;
}
ul.pgwSlider > li,
.pgwSlider > .ps-list > li {
height: 50px;
margin-bottom: 6px;
position: relative;
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: none;
}
ul.pgwSlider > li:hover,
.pgwSlider > ul > li:hover {
opacity: 1 !important;
}
ul.pgwSlider > li img,
.pgwSlider > ul > li img {
width: 100%;
max-height: 80px;
object-fit: cover;
object-position: center;
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;
height: auto !important;
}