.drag360images {width:100%; height: 100%; position: relative;}

.drag360images .carbg{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 0;}
.drag360images .carbg img{display: block; width: 100%; }

.drag360images .carbox{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}
.drag360images .carbox img{display: block; width: 100%; }

.drag360images .lungubox{width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 3;}
.drag360images .lungubox img{display: block; width: 100%; }

.drag360images .dragbox{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 7; cursor:url(../images/grab.cur),move;   }


.drag360images .loading{width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,.5); z-index: 300; top: 0; left: 0; display: none; }
.drag360images .loading .load-container{ position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%);}
.drag360images .loading .loader_img{color: #fff;font-size: 0.63rem; text-indent: -9999em;  overflow: hidden; width: 0.63rem; height: 0.63rem; border-radius: 50%;
margin: 0 auto; position: relative; transform: translateZ(0);  animation: load6 1s ease infinite, round 1s ease infinite }
.drag360images .loading .logo{width: 0.63rem; height: 0.22rem; background: url(../images/360_logo.png) no-repeat; background-size: 100% auto; position: absolute; top:50%; transform: translateY(-50%); }

.drag360images .tipbox{width: 100%; height: 100%; position: absolute;  background: rgba(0,0,0,0); z-index: 300; top: 0; left: 0; display: none; }
.drag360images .tipbox .tip{width: 3.0rem; height: 3.0rem; background: url(../images/360Tip.png) ; background-size: 100% ; position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%);  }


@keyframes load6 {
	0% {
		-webkit-box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
	}

	5%,95% {
		-webkit-box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
	}

	10%,59% {
		-webkit-box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em;
		box-shadow: 0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em
	}

	20% {
		-webkit-box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em;
		box-shadow: 0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em
	}

	38% {
		-webkit-box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em;
		box-shadow: 0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em
	}

	to {
		-webkit-box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em;
		box-shadow: 0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em
	}
}


@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}