.qdi360_wrapper{
	text-align:center;
}

.qdi360_box{
	display:inline-block;
	position:relative;
	/*border:2px solid black;*/
	max-width:100%;
	box-sizing:border-box;
	border:1px solid #E9E9E9;
	padding:6px;
}

.qdi360_block{
	border:1px solid #E9E9E9;
	position:relative;
}

.qdi360_block img{
	vertical-align:top;
	border:none;
	outline:none;
	visibility:hidden;
	max-width:100%;
}

.qdi360_load{
	/*
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-position:center;
	background-size:100% 100%;
	background-color:#fff;
	z-index:20;
	*/
}

.qdi360_kadr_list{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:30;
	pointer-events:none;
	box-sizing:border-box;
}

.qdi360_kadr_list .qdi360_kadr_item{
	position:absolute;
	background-color:#fff;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fff;
}

.qdi360_kadr_list .qdi360_kadr_item.qdi360_item_current{
	z-index:200;
}

.qdi360_top{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:300;
	background:url(images/icon.svg) left 0px top 42px no-repeat;
}

.qdi360_top_prev{
	width:34px;
	position:absolute;
	height:100%;
	left:0px;
	top:0px;
	background:url(images/prev.svg) left center no-repeat;
	z-index:100;
}

.qdi360_top_next{
	width:34px;
	position:absolute;
	height:100%;
	right:0px;
	top:0px;
	background:url(images/next.svg) right center no-repeat;
	z-index:100;
}

.qdi360_buttons{

}

.qdi360_buttons button{
	position:absolute;
	z-index:1000;
	top:50%;
	transform:translateY(-50%);
	padding:5px;
	border:1px solid #E9E9E9;
	border-radius:3px;
	background:#fff;
	cursor:pointer;
}

.qdi360_buttons button:hover{
	background:#AFAFAF;
	color:#fff;
}

.qdi360_buttons button:hover svg path{
	fill:#fff !important;
}

.qdi360_buttons button.qdi360_button_left{
	left:9px;
}

.qdi360_buttons button.qdi360_button_right{
	right:9px;
}

.qdi_360_icons_3d_icon{
	position:absolute;
	top:19px;
	left:19px;
	pointer-events:none;
	width:43px;
	z-index:200;
	height:43px;
	background:url(images/icon.svg) left 0px top 0px no-repeat;
}

.qdi_js360_checkbox{
	display:inline-block;
	width:60px;
	height:34px;
	border-radius:20px;
	background:#ccc;
	position:relative;
	transition:0.2s;
	cursor:pointer;
}

.qdi_js360_checkbox.checked{
	background:#66bb6a;
}

.qdi_js360_checkbox::before{
	width:26px;
	height:26px;
	border-radius:50%;
	left:4px;
	top:4px;
	position:absolute;
	content:'';
	background:#fff;
	transition:left 0.2s;
}

.qdi_js360_checkbox.checked::before{
	left:30px;
}

.qdi_js360_checkbox_wr{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	padding-top:20px;
}

.qdi_js360_external_buttons{
	display:flex;
	gap:30px;
	align-items:center;
	justify-content:center;
	margin:30px 0px;
}

.qdi_js360_external_button{
	padding:10px;
	background:#E9E9E9;
	border:#AFAFAF;
	margin:0px;
	border-radius:5px;
	cursor:pointer;
}

.qdi_js360_external_button:hover{
	background:#AFAFAF;
}