.mThumbnailScroller{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mThumbnailScroller.mTS_no_scroll, .mThumbnailScroller.mTS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

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

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

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

.mTSThumb, 
ul.mTSContainer > li img{ vertical-align: bottom; width:100%; }

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

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

.mTSButtonUp{
	background:url(../img/pd-at-off.png) no-repeat center center #fff;
	width:100%;
	height:24px;
	position:absolute;
	top:0;
	left:0;	
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.mTSButtonUp:hover{ background:url(../img/pd-at-on.png) no-repeat center center #fff; }
.mTSButtonDown{
	background:url(../img/pd-ab-off.png) no-repeat center center #fff;
	width:100%;
	height:24px;
	position:absolute;
	bottom:0;
	left:0;	
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.mTSButtonDown:hover{ background:url(../img/pd-ab-on.png) no-repeat center center #fff; }
.mTSButtonIconContainer{
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
}
.mTSButtonIconContainer{ display:none; }

.pdThS{
	width:100%;
	overflow:hidden;
	position:relative;
	max-height: 636px;
}
.pdThS ul li{ width: 105px; margin: 0 auto 8px auto; }
.pdThS ul li a{ display: block; }
.pdThS ul li a img{ width: 100%; }
.pdThS ul li:first-child{ margin-top: 24px; }