#container 
{
	display:block;
	position:fixed;
	width:600px;
	height:600px;
	top:10px;
	left:50%;
	z-index:99;
	margin-left:-300px;
	border:0px solid #fff;
	perspective:1000px;
	transform-style: preserve-3d;
}
#subcontainer 
{
	display:block;
	position:absolute;
	width:600px;
	height:600px;
	top:0px;
	left:0px;
	z-index:100;
	transform-origin: 300px 300px -200px;
	transform-style: preserve-3d;
	animation: rotateZ 16s  infinite;
	animation-timing-function: linear;
}
@keyframes rotateZ {
  from {
		transform: rotateX(0deg);
		
  }
  to { 
		transform: rotateX(360deg);
  }  
}
#gr1
{
	top:100px;
	left:100px;
}
#gr2
{
	top:100px;
	left:500px;
	transform-origin: 0 0;
	transform: rotate3D(0,1,0,90deg);
}
#gr3
{
	top:500px;
	left:100px;
	transform-origin: 0 0;
	transform: rotate3D(1,0,0,-90deg);
}
#gr4
{
	top:100px;
	left:-300px;
	transform-origin: 100% 0;
	transform: rotate3D(0,1,0,-90deg);
}
#gr5
{
	top:-300px;
	left:100px;
	transform-origin: 0 100%;
	transform: rotate3D(1,0,0,90deg);
}
#gr6
{
	top:100px;
	left:100px;
	transform: translate3d(0,0,-400px) rotate3d(1,0,0,180deg);
}
#cube
{
	transform-style: preserve-3d;
	transform-origin: 300px 300px -200px;
	animation: rotateY 12s  infinite;
	animation-timing-function: linear;
	 /*transform: perspective(900px);*/
}

@keyframes rotateY {
  from {
		transform: rotate3D(1,2,3,0deg);
		
  }
  to { 
		transform: rotate3D(1,1,1,360deg);
  }  
}

#cube .gran
{
	width:400px;
	height:400px;
	position:absolute;
	border:0px solid #fff;
	box-sizing: border-box;
	background-image:url(/ny/cubeT.png);
	background-size: cover;
	background-repeat: no-repeat;
	opacity:0.90;
	border-radius:30px;
}

#cube .gran>div
{
	position:absolute;
	height:60px;
	width:60px;
	margin-left:-30px;
	margin-top:-30px;
	background:#fff;
	border-radius:50%;
	box-shadow:inset 1px 1px 6px 6px #333;
}
#cube .gran:nth-child(odd) div:nth-child(1)
{
	left:50%;
	top:50%;
}
#cube .gran:nth-child(odd) div:nth-child(2n+2)
{
	left:25%;
}
#cube .gran:nth-child(odd) div:nth-child(2n+3)
{
	left:75%;
}

#cube .gran:nth-child(odd) div:nth-child(n+3)
{
	top:75%;
}
#cube .gran:nth-child(odd) div:nth-child(3n+2)
{
	top:25%;
}

#cube .gran:nth-child(even) div:nth-child(odd)
{
	top:25%;
	left:25%;
}
#cube .gran:nth-child(even) div:nth-child(even)
{
	top:75%;
	left:75%;
}

#cube .gran:nth-child(even) div:nth-child(2n+4)
{
	top:25%;
}
#cube .gran:nth-child(even) div:nth-child(2n+3)
{
	top:75%;
}

#cube .gran:nth-child(even) div:nth-child(n+5)
{
	top:50%;
}