.mThumbnailScroller {
	-ms-touch-action: none;
	touch-action: none
}

	.mThumbnailScroller.mTS_no_scroll {
		-ms-touch-action: auto;
		touch-action: auto
	}

.mTSWrapper {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: 0;
	direction: ltr
}

.mTSContainer {
	margin: 0;
	padding: 0;
	overflow: hidden
}

ol.mTSContainer, ul.mTSContainer {
	list-style: none
}

	.mTSThumb, ul.mTSContainer > li img {
		vertical-align: bottom
	}

.mTS_vertical .mTSContainer {
	margin-top: 0 !important;
	margin-bottom: 0 !important
}

.mTS_horizontal .mTSContainer {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.mTSButton {
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 14px;
	overflow: hidden;
	text-align: center;
	background-color: #000;
	color: #fff;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: height ease-out,width ease-out,padding ease-out,opacity .2s ease-out;
	-moz-transition: height ease-out,width ease-out,padding ease-out,opacity .2s ease-out;
	-o-transition: height ease-out,width ease-out,padding ease-out,opacity .2s ease-out;
	-ms-transition: height ease-out,width ease-out,padding ease-out,opacity .2s ease-out;
	transition: height ease-out,width ease-out,padding ease-out,opacity .2s ease-out
}

.mTSButtonDown {
	top: auto;
	bottom: 0
}

.mTSButtonRight {
	left: auto;
	right: 0
}

.mTSButtonDown, .mTSButtonUp {
	left: 50%;
	margin-left: -24px
}

.mTSButtonLeft, .mTSButtonRight {
	top: 50%;
	margin-top: -24px
}

.mTSButtonIconContainer {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden
}

.mTSButtonIcon {
	display: inline-block;
	fill: #fff;
	position: absolute;
	top: 0;
	left: 0
}

.mTSButton.mTS-hidden, .mThumbnailScroller.mTS_no_scroll .mTSButton {
	opacity: 0;
	height: 0;
	width: 0;
	padding: 0;
	-webkit-transition: height 0s ease-out .2s,width 0s ease-out .2s,padding 0s ease-out .2s,opacity .2s ease-out;
	-moz-transition: height 0s ease-out .2s,width 0s ease-out .2s,padding 0s ease-out .2s,opacity .2s ease-out;
	-o-transition: height 0s ease-out .2s,width 0s ease-out .2s,padding 0s ease-out .2s,opacity .2s ease-out;
	-ms-transition: height 0s ease-out .2s,width 0s ease-out .2s,padding 0s ease-out .2s,opacity .2s ease-out;
	transition: height 0s ease-out .2s,width 0s ease-out .2s,padding 0s ease-out .2s,opacity .2s ease-out
}

.mTS_horizontal .mTSThumbContainer, .mTS_horizontal ul.mTSContainer > li {
	float: left
}

.mTS-buttons-in {
	padding: 14px;
	background-color: #000
}

	.mTS-buttons-in .mTSButtonIcon {
		fill: #fff
	}

	.mTS-buttons-in .mTSButton, .mTS-buttons-in .mTSWrapper {
		background-color: inherit
	}

	.mTS-buttons-in .mTSButtonLeft, .mTS-buttons-in .mTSButtonRight {
		width: 24px;
		height: 48px;
		padding: 24px 4px 0;
		margin-top: -36px
	}

	.mTS-buttons-in .mTSButtonDown, .mTS-buttons-in .mTSButtonUp {
		width: 24px;
		height: 24px;
		padding: 4px 24px;
		margin-left: -36px
	}

	.mTS-buttons-in .mTSButton.mTS-hidden, .mTS-buttons-out .mTSButton.mTS-hidden {
		height: 0;
		width: 0;
		padding: 0
	}

	.mTS-buttons-in .mTSButton:not(.mTS-hidden) {
		opacity: .4
	}

	.mTS-buttons-in:hover .mTSButton:not(.mTS-hidden) {
		opacity: 1
	}

	.mTS-buttons-in .mTS_vertical .mTSThumbContainer {
		margin: 14px 0
	}

		.mTS-buttons-in .mTS_vertical .mTSThumbContainer:first-child, .mTS-buttons-out .mTS_vertical .mTSThumbContainer:first-child {
			margin-top: 0
		}

		.mTS-buttons-in .mTS_vertical .mTSThumbContainer:last-child, .mTS-buttons-out .mTS_vertical .mTSThumbContainer:last-child {
			margin-bottom: 0
		}

	.mTS-buttons-in .mTS_horizontal .mTSThumbContainer {
		margin: 0 7px
	}

		.mTS-buttons-in .mTS_horizontal .mTSThumbContainer:first-child, .mTS-buttons-out .mTS_horizontal .mTSThumbContainer:first-child {
			margin-left: 0
		}

		.mTS-buttons-in .mTS_horizontal .mTSThumbContainer:last-child, .mTS-buttons-out .mTS_horizontal .mTSThumbContainer:last-child {
			margin-right: 0
		}

.mTS-buttons-out {
	padding: 6px;
	background: #000
}

	.mTS-buttons-out .mTSButtonIcon {
		fill: #000
	}

	.mTS-buttons-out .mTSButton {
		background-color: transparent;
		width: 36px;
		height: 36px;
		line-height: 42px;
		padding: 6px
	}

	.mTS-buttons-out .mTS_vertical .mTSThumbContainer {
		margin: 6px 0
	}

	.mTS-buttons-out .mTS_horizontal .mTSThumbContainer {
		margin: 0 3px
	}

.mTS-hover-full {
	padding: 8px;
	background: rgba(0,0,0,.2)
}

	.mTS-hover-full .mTS_vertical .mTSThumbContainer {
		margin: 8px 0
	}

		.mTS-hover-full .mTS_vertical .mTSThumbContainer:first-child {
			margin-top: 40px
		}

		.mTS-hover-full .mTS_vertical .mTSThumbContainer:last-child {
			margin-bottom: 40px
		}

	.mTS-hover-full .mTS_horizontal .mTSThumbContainer {
		margin: 0 4px
	}

		.mTS-hover-full .mTS_horizontal .mTSThumbContainer:first-child {
			margin-left: 40px
		}

		.mTS-hover-full .mTS_horizontal .mTSThumbContainer:last-child {
			margin-right: 40px
		}