.pgwSlideshow { float: left; width: 100%; background: #333; } .pgwSlideshow a{ color: #fff; } .pgwSlideshow .ps-current { position: relative; overflow: hidden; } .pgwSlideshow .ps-current > ul > li { float: left; text-align: center; width: 100%; z-index: 1; opacity: 0; display: block; } .pgwSlideshow .ps-current > ul > li img { float: left; display: block; width: 100%; margin: auto; } .pgwSlideshow .ps-caption { 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')"; text-align: center; font-size: 1rem; color: #fff; position: relative; float: left; width:90%; padding:10px 5% !important; font-size: 14px !important; font-wight: 300; } .pgwSlideshow .ps-caption span { position: relative; float: left; width: 100%; padding: 7px; display: inline-block; } .pgwSlideshow .ps-list { float: left; width: 100%; border-top: 1px solid #555; box-shadow: 0 10px 10px -5px #333 inset; background: #555; overflow: hidden; position: relative; } .pgwSlideshow .ps-list ul { float: left; position: relative; list-style: none; margin: 0; padding: 0; left: 0; } .pgwSlideshow .ps-list li { float: left; } .pgwSlideshow .ps-list li .ps-item { float: left; display: block; margin: 15px 8px; opacity: 0.6; filter: alpha(opacity=60); } .pgwSlideshow .ps-list li img { display: block; border: 1px solid #777; width: 50px; height: 50px; } .pgwSlideshow .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #fff; overflow: hidden; } .pgwSlideshow .ps-list li .ps-item.ps-selected img { margin: -4px; } .pgwSlideshow .ps-prevIcon { border-color:transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block; } .pgwSlideshow .ps-nextIcon { border-color:transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block; } .pgwSlideshow .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 15px; left: 0; top: 45%; cursor: pointer; } .pgwSlideshow .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 15px 20px 20px; right: 0; top: 45%; cursor: pointer; } .pgwSlideshow .ps-list .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 1000; display: none; } .pgwSlideshow .ps-list .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bb000000', endColorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 1000; display: none; } .pgwSlideshow.narrow .ps-list li img { width: 60px; height: 60px; } .pgwSlideshow.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40%; } .pgwSlideshow.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40%; } .pgwSlideshow.narrow .ps-list .ps-prev { padding: 15px 12px 15px 10px; top: 20px; } .pgwSlideshow.narrow .ps-list .ps-next { padding: 15px 10px 15px 12px; top: 20px; } .pgwSlideshow.narrow .ps-caption { font-size: 0.8rem; padding: 8px; }