.rotate360_wrapper {
	position: relative;
	overflow:hidden;
	text-align: center;
}

/**
*	DUMMY-Icon 
*	@to-do add background-image, position, and height/width
*/

.rotate360-icon {
	position:absolute;
	width:59px;
	height:89px;
	background:transparent url('/fileadmin/fm-dam/products/360/rotate360-icon.png') no-repeat 0 0;
	margin: 150px 0 0 25px;
}
.rotate360_wrapper .icon {
	position:absolute;
	width:50px;
	height:50px;
	background:red;
}

.control.lightbox,
.rotate360_wrapper .control {
	color: #fff;
}

.control.lightbox,
.rotate360_wrapper .control { position:absolute; opacity:1; z-index:9500; }

.rotate360_wrapper .control { top:0; left:0; }


.rotate360_wrapper .preloader {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1002;
	width:200px;
	padding:55px 0 10px 0;
	margin:-50px -100px;
	text-align:center;
	font-size:11px;
	color:#fff;
	
/*	@TO-DO: check cross-browser RGBA Support
	http://yatil.de/Weblog/cross-browser-rgba */

	background: #333333 url('/fileadmin/fm-dam/products/360/loader_dark.gif') no-repeat 50% 15px; /* The Fallback */
	background: rgba(0, 0, 0, .7) url('/fileadmin/fm-dam/products/360/loader_dark.gif') no-repeat 50% 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*.rotate360_wrapper.loaded .control { background: none !important; cursor: move; }*/

.control.lightbox {
	position:absolute;
}

.control.lightbox.loaded,
.rotate360_wrapper.loaded .control {
	background:#fff;
	opacity:0; 
	cursor: move;
}
.rotate360_wrapper img { position:relative; left:0; top:0; }
.rotate360_wrapper .imageContainer { position:relative;}
.rotate360_wrapper .imageContainer img { position:absolute;}

/**
*	Colorbox-Fixes
*/
#cboxClose { z-index:9999; }
#colorbox, #cboxOverlay, #cboxWrapper{z-index:9000 !important;}

/**
 *	Fancybox-Fixes
 */
 
#fancybox-close { z-index:9999 !important; }

/**
 *
 *	Rotate360-Styles für HF-Kampange
 *	----------------------------------
 *
 */

.rotate360_wrapper {
	background: #fff url('/fileadmin/fm-dam/products/360/SB_3000HF/rotate360_wrapper_bg.jpg') repeat-x 0 bottom;
}

.rotate360_wrapper img {
	top:50%;
	margin-top:-256px;
}

.rotate360_wrapper img.rotate360 {top:0;}