/**
 * @copyright by ecce:media Designbuero GbR Bremen, Germany
 * @author Marcel Schwettmann <ms@ecce-media.de>
 * @version 1.2.6
 * @lastEdited 2015-11-18
 */
 .threesixty_rotor {
	display: inline-block;

	position: relative;

	background: grey;
	background: white;
	border: 2px solid #D1D6CE;
	overflow: hidden;

	font-size: 16px;
	font-family: arial;
}
	.threesixty_rotor.fullscreen {
		width: 100% !important;
		height: 100% !important;

		position: fixed;
		top: 0;
		left: 0;

		border: 0;
		z-index: 100;
	}
		.threesixty_rotor.fullscreen .threesixty_images {
			text-align: center;
		}
			.threesixty_rotor.fullscreen .threesixty_images .threesixty_image {
				height: 100% !important;
				max-height: none !important;
				width: auto !important;
				max-width: none !important;

				margin: auto !important;

				position: relative !important;
			}

	.threesixty_images {
		height: 100%;
		width: 100%;

		padding-bottom: 40px;
		box-sizing: border-box;

		position: absolute;
		top: 0;
		left: 0;

		text-align: center;
		cursor: grab;
		cursor: -moz-grab;
		cursor: -webkit-grab;

		/*box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.25);
		-o-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.25);*/
		transition: 		height 	0.25s ease,
							top 	0.25s ease,
							left 	0.25s ease,
							width 	0.25s ease;
		-webkit-transition: height 	0.25s ease,
							top 	0.25s ease,
							left 	0.25s ease,
							width 	0.25s ease;
		-o-transition: 		height 	0.25s ease,
		     		   		top 	0.25s ease,
					   		left 	0.25s ease,
					   		width 	0.25s ease;
		-moz-transition:	height 	0.25s ease,
		     		   		top 	0.25s ease,
					   		left 	0.25s ease,
					   		width 	0.25s ease;
	}
		.threesixty_images.pan {
			cursor: move;
		}
		.threesixty_images.grabbing {
			cursor: grabbing;
			cursor: -moz-grabbing;
			cursor: -webkit-grabbing;
		}
		.threesixty_images.panning, .threesixty_images.grabbing {
			transition: none;
			-webkit-transition: none;
			-o-transition: none;
			-moz-transition: none;
		}

		.threesixty_images .threesixty_image {
			width: 100%;
			height: auto;
			max-height: none;
			max-width: none;

			position: relative;
			top: 0;
			left: 0;

			display: none;
			opacity: 0.00001;
			z-index: -1;
		}
			.threesixty_rotor.quer .threesixty_images .threesixty_image {
				height: 100%;
				width: auto;
			}

			.threesixty_images .threesixty_image.preload {
				opacity: 1;
				z-index: -1;
			}
			.threesixty_images .threesixty_image.active {
				opacity: 1;
				z-index: 0;
				display: inline-block;
			}

	.threesixty_controls {
		height: 40px;
		width: 100%;

		position: absolute;
		bottom: 0;
		left: 0;

		/*opacity: 0.00001;
		transition: 0.25s all ease;
		-webkit-transition: 0.25s all ease;
		-o-transition: 0.25s all ease;
		-moz-transition: 0.25s all ease;*/

		background: rgba(0, 0, 0, 0.6);
		z-index: 2;

		text-align: center;
	}

		.threesixty_controls span {
			height: 22px;
			width: 22px;

			padding: 4px;
			margin: 5px;

			display: inline-block;

			border: 1px solid white;
			border-radius: 50%;

			cursor: pointer;
			text-align: center;
		}
			.threesixty_controls span.active {
				border-color: #D1D6CE;
			}

			.threesixty_controls span img {
				height: 100%;
				width: 100%;
			}


		.threesixty_controls .threesixty_zoomfactor {
			height: 32px;
			width: 75px;

			padding: 4px;

			display: inline-block;

			position: absolute;
			left: 5px;
			top: 5px;

			text-align: left;
			color: white;
			line-height: 22px;
			font-size: 1.25em;
		}
		.threesixty_controls.threesixty_hideZoom .threesixty_zoomfactor {
			display: none;
		}

		.threesixty_controls .threesixty_control_right {
			display: inline-block;

			position: absolute;
			right: 0;
			top: 0;
		}


	.threesixty_head {
		display: none;
	}
	.threesixty_head.visible {
		height: 20px;
		width: 100%;

		display: block;

		position: absolute;
		top: 0;
		left: 0;

		z-index: 2;

		text-align: left;
	}
	.threesixty_head .threesixty_zoomfactor {
			padding: 4px;

			display: none;

			text-align: left;
			color: #D1D6CE;
			line-height: 12px;
			font-size: 12px;
	}


/*.threesixty_rotor:hover .threesixty_controls {
	opacity: 1;
}*/

.threesixty_rotor.media_360 .threesixty_controls .threesixty_control[data-action='spin_left'],
.threesixty_rotor.media_360 .threesixty_controls .threesixty_control[data-action='spin_right'],
.threesixty_rotor.media_250 .threesixty_controls .threesixty_zoomfactor {
	display: none;
}
.threesixty_rotor.media_250 .threesixty_controls {
	text-align: left;
}
.threesixty_rotor.media_250 .threesixty_head.visible .threesixty_zoomfactor {
	display: inline-block;
}