.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%; 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; }