.thumbnail-crop-position {
	/* text-align: center;*/
}
.tcp-controls {
	overflow: hidden;
	width: 156px;
	margin: 0 0 0 0;
}
.tcp-controls .button.button-hero {
	position: relative;
	float: left;
	width: 46px;
	margin: 3px;
	padding: 0;
}
.tcp-controls .loading:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 4px;
	background: rgba(255,255,255,.6);
	cursor: not-allowed;
}
.tcp-controls label {
	background-image: url(../img/arrows.png);
	background-repeat: none;
	text-indent: -9999px;
	width: 46px;
	height:46px;
	float: left;
	border: 0;
	padding: 0;
	margin: 0;
	cursor:pointer;
}

/*top*/
.tcp-controls .ci-0 {
	background-position: top left;
}
.tcp-controls .ci-1 {
	background-position: top center;
}
.tcp-controls .ci-2 {
	background-position: top right;
}

/*center*/
.tcp-controls .ci-3 {
	background-position: center left;
}
.tcp-controls .ci-4 {
	background-position: center center;
}
.tcp-controls .ci-5 {
	background-position: center right;
}

/*bottom*/
.tcp-controls .ci-6 {
	background-position: bottom left;
}
.tcp-controls .ci-7 {
	background-position: bottom center;
}
.tcp-controls .ci-8 {
	background-position: bottom right;
}

.screen-reader-text {
	display:none;
}

.screen-reader-text:checked +label {
	background-image: url(../img/arrows-current.png);
	background-color: rgb(0, 115, 170 ,1);
}

.screen-reader-text:hover +label {
	background-color: rgb(0, 115, 170 ,1);
	background-image: url(../img/arrows-current.png);
	opacity:.8;
}