/* Ion.ImageSlider, Minimal Skin
// css version 1.2.70
// by Denis Ineshin | ionden.com */

/* Slider */

.ion-image-slider {
    height: 390px; 
}
.ion-image-slider-content {
    width: 700px; height: 326px;
    background: #ddd;
    border-radius: 2px;
    box-shadow: inset 0 0 10px rgba(255,255,255,1.0);
	text-align:left;
}
.ion-image-slider-preloader {
    width: 50px; height: 50px;
    margin: -25px 0 0 -25px;
    background: url(../img/iis-minimal-skin-preloader.gif) no-repeat 50% 50%;
}

.ion-image-slider-shadow-left,
.ion-image-slider-shadow-right,
.ion-image-slider-arr-prev,
.ion-image-slider-arr-next,
.ion-image-slider-bullet,
.ion-image-slider-zoom {
    background: url(../img/iis-minimal-skin-sprite.png); 
}

.ion-image-slider-shadow-left {
    width: 60px;
    background-position: 0 0;
    border-radius: 2px 0 0 2px;
}
.ion-image-slider-shadow-right {
    width: 60px;
    background-position: -60px 0;
    border-radius: 0 2px 2px 0;
}

.ion-image-slider-arr-prev {
    left: -60px;
    width: 60px; height: 60px;
    /*margin-top: -30px; */
    background-position: -120px 0;
	position: absolute;
	top: 0px;
}
    .ion-image-slider-arr-prev:hover {
        background-position: -120px -60px;
    }
    .ion-image-slider-arr-prev:active {
        background-position: -120px -120px;
    }

.ion-image-slider-arr-next {
    right: -60px;
    width: 60px; height: 60px;
    /*margin-top: -30px; */
    background-position: -180px 0;
	position: absolute;
	top: 0px;
}
    .ion-image-slider-arr-next:hover {
        background-position: -180px -60px;
    }
 .ion-image-slider-arr-next:active {
        background-position: -180px -120px;
    }

.ion-image-slider-bullets {
	/*
    top: 0px;
	z-index:1000;
	*/
}
    .ion-image-slider-bullet {
        width: 22px; height: 22px;
        background-position: -346px 0;
    }
    .ion-image-slider-bullet.active {
        background-position: -368px 0;
    }

.ion-image-slider-scroll {
    top: 15px;
    height: 300px;
}

.ion-image-slider-pad {
    color: #fff;
}
 .ion-image-slider-pad a {
        background: #fff;
        margin: 5px 20px 20px 0;
        /*box-shadow: inset 1px 1px 0 #777;*/
		border: solid 1px #777; 
		z-index:1000;
}
 .ion-image-slider img {
        top: 10px; left: 10px;
        border: 1px solid #fff;
}

.ion-image-slider-zoom {
    bottom: -23px; left: -200px;
    width: 106px; height: 106px;
    /*background-position: -240px 0;*/
}
.ion-image-slider-zoom-text {
    bottom: 28px; left: -180px;
    width: auto;
    margin-left: 65px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font: 10px/11px Tahoma;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.ion-image-slider-caption {
    top: 11px; right: -90%;
    padding: 1px 0 9px 11px;
    background: #fff;
    color: #777;
    text-transform: uppercase;
    font-weight: bold;
    font: 10px/11px Tahoma;

}

.ion-image-slider a.active:hover .ion-image-slider-zoom,
.ion-image-slider a.active:hover .ion-image-slider-zoom-text {
    left: -20px;
}
.ion-image-slider a.active:hover .ion-image-slider-caption {
    top: 11px; right: 11px;
}

.ion-image-slider-zoom,
.ion-image-slider-zoom-text,
.ion-image-slider-caption {
    -webkit-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */

    -webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */
}

/* Popup */

.ion-image-slider-overlay {
    background: #222 url(../img/iis-minimal-skin-preloader.gif) no-repeat 50% 50%;
}
html:root .ion-image-slider-overlay {
    background: rgba(36,39,42,0.9) url(../img/iis-minimal-skin-preloader.gif) no-repeat 50% 50%;
}
.ion-image-slider-popup {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
	z-index:10000;
}
.ion-image-slider-popup-caption {
    font: 12px/12px Tahoma;
    color: #fff;
}