.simulscale {
	
	position: relative;
	
}

.simulscale figure {
	
	position: relative;
	z-index: 49;
	margin: 0;
	z-index: 1000;
	
	display: inline-block;
	width: auto;
	padding: 0;
	box-sizing: border-box;
	
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	
	-moz-transition: 0.25s;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	
}

.simulscale figure img {
	
	display: block;
	height: auto;
	max-width: none;
	min-width: 0;
	
}

.simulscale .master .master-fig,
.simulscale .slave .slave-fig {
	
	position: relative;
	
	display: inline-block;
	
	-moz-transition: width 0.25s, height 0.25s;
	-webkit-transition: width 0.25s, height 0.25s;
	transition: width 0.25s, height 0.25s;
	
}

.simulscale.dragging figure,
.simulscale.dragging .master .master-fig,
.simulscale.dragging .slave .slave-fig {
	
	transition: none;
	
}

.simulscale .scale-button {
	
	margin: 0 5px 5px 0;
	
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 8px;
	box-sizing: border-box;
	
	cursor: pointer;
	background: #333;
	border-radius: 25%;
	
}

.simulscale .scale-button.small {
	
	width: 24px;
	height: 24px;
	padding: 4px;
	
}

.simulscale .scale-button img {
	
	width: 100%;
	max-width: none;
	height: auto;
	display: block;
	
}

.simulscale .scale-button:hover {
	
	background: #000;
	
}

.simulscale .handle {
	
	position: absolute;
	bottom: -55px;
	right: -5px;
	z-index: 50;
	
	cursor: nesw-resize;
	
}