.tm-thumbs-wrap {
	position: relative
}

.tm-thumbs-wrap img {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear
}

.tm-thumbs-wrap.effect-slide {
	overflow: hidden
}

.tm-thumbs-wrap.effect-slide img+img {
	position: absolute;
	top: 0;
	right: 100%
}

.tm-thumbs-wrap.effect-slide:hover img {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.tm-thumbs-wrap.effect-rotate {
	-webkit-perspective: 800;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear
}

.tm-thumbs-wrap.effect-rotate .tm-thumbs-wrap__inner {
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.tm-thumbs-wrap.effect-rotate img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.tm-thumbs-wrap.effect-rotate img+img {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.tm-thumbs-wrap.effect-rotate:hover img {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.tm-thumbs-wrap.effect-rotate:hover img+img {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg)
}

.tm-thumbs-wrap.effect-fade img {
	position: relative;
	z-index: 2;
	opacity: 1;
}

.tm-thumbs-wrap.effect-fade img+img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

.tm-thumbs-wrap.effect-fade:hover img {
	opacity: 0
}

.tm-thumbs-wrap.effect-fade:hover img+img {
	opacity: 1
}