.cis-image-scroll {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	transition-property: background-position;
	transition-timing-function: ease;
	transition-duration: 3s;
}

/* Top to Bottom: shows the top of the image by default, slides down to the bottom on hover */
.cis-dir-ttb {
	background-position: center top;
}
.cis-dir-ttb:hover {
	background-position: center bottom;
}

/* Bottom to Top: shows the bottom of the image by default, slides up to the top on hover */
.cis-dir-btt {
	background-position: center bottom;
}
.cis-dir-btt:hover {
	background-position: center top;
}

/* Left to Right */
.cis-dir-ltr {
	background-position: left center;
}
.cis-dir-ltr:hover {
	background-position: right center;
}

/* Right to Left */
.cis-dir-rtl {
	background-position: right center;
}
.cis-dir-rtl:hover {
	background-position: left center;
}