.notsaport{
	color: #f619b0;
	font-size: large;
}

.controller {
	opacity: 0.8;
}
.controller .loading{
	background:#999999;
	animation: controller 1.5s  1 ease-in-out;
}
@keyframes controller {
	0% {background:#ffffff;}
	100% {background:#999999;}
}
.viewerFullScreenControll{
	pointer-events :auto;
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 56px;
	height: 56px;
	overflow: visible;
	text-align: center;
	line-height: 56px;
	font-size: 28px;
}

.cameraControllers {
	pointer-events :auto;
	position: absolute;
	left: 40px;
	bottom: 40px;
	width: 28px;
	height: 33px;
	overflow: visible;
	text-align: center;
	line-height: normal;
	font-size: 28px;
}
.cameraDirection{
	position: absolute;
	text-align: center;
}
.cameraController-0{
	position: absolute;
	top: -27px;
}
.cameraController-1{
	position: absolute;
	right: -30px;
}
.cameraController-2{
	position: absolute;
	bottom: -27px;
}
.cameraController-3{
	position: absolute;
	left: -30px;
}

#screen img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}