/* SLIDER BASE */ .bx-wrapper {position: relative; margin: 0 auto; padding: 0; *zoom: 1;} .bx-wrapper img {max-width: 100%; display: block;} /* THEME */ .bx-wrapper .bx-viewport {/*-moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); padding-bottom: 48px;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 0; width: 100%;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;} /* PAGER */ .bx-controls.bx-has-pager {height: 12px; padding-top: 10px;} .bx-wrapper .bx-pager {text-align: center; font-size: 0; font-family: Arial; font-weight: bold; color: #666; padding-top: 0; display: none;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;} .bx-wrapper .bx-pager.bx-default-pager a {background: #e5e5e5; text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0 6px; outline: 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #41a3f0;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: 70px; background: url(../images/controls1.png) no-repeat;} .bx-wrapper .bx-next {right: 70px; background: url(../images/controls2.png) no-repeat;} .bx-wrapper .bx-prev:hover {background: url(../images/controls11.png) no-repeat;} .bx-wrapper .bx-next:hover {background: url(../images/controls22.png) no-repeat;} .bx-wrapper .bx-controls-direction a {position: absolute; bottom:-15px;margin-top: -16px; outline: 0; width: 39px; height: 26px; text-indent: -9999px; z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;} .bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}