.alca360 {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	font-size: 0;
    cursor: grab;
}

.alca360 .item360 {
	position: relative;
}

.alca360 .item360 img {
	position: relative;
}

.alca360.horizontal .item360 {
	width: 100%;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.alca360.horizontal .item360.active {
	display: block !important;
}

.alca360.horizontal .item360 img {
	width: 100%;
}

.alca360.vertical .item360 {
	width: auto;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.alca360.vertical .item360.active {
	display: inline-block !important;
}

.alca360.vertical .item360 img {
	height: 100%;
}

    .alca360 .item360 .hotspot {
        position: absolute;
        z-index: 1000;
        white-space: nowrap;
    }