/* base */

.slider-container {
	display: inline-block;
	overflow: hidden;
}

.slider-container .slider {
	width: 100%;
	height: 100%;
	display: none;
}

.slider-container .slider.current {
	display: inline-block;
}


/* fade */
.slider-container.fade {
	position: relative;
}

.slider-container.fade .slider {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 1s;
	display: inline-block;
}

.slider-container.fade .current {
	z-index: 2;
	opacity: 1;
}

.slider-container.fade .next {
	z-index: 1;
}

/* slide */
.slider-container.slide {
	position: relative;
}

.slider-container.slide .slider {
	position: absolute;
	top: 0;
	transition: left 1s;
}

.slider-container.slide .slider.current {
	left: 0;
	z-index: 2;
}

.slider-container.slide .slider.next {
	z-index: 1;
	display: inline-block;
	left: 100%;
	transition-delay: 2s;
}