.bigrotate span{position:absolute;width:150px;height:150px;margin-left:108px;margin-top:112px}.bigrotate div{position:absolute;width:300px;height:300px}.bigrotate{z-index:2;height:350px;width:350px;margin:200px auto;transform-style:preserve-3d;animation:9s infinite roll}.bigrotate div img{opacity:1;width:100%;height:100%}.bigrotate span img{width:100%;height:100%}.img3{transform:translateX(-75px) rotateY(90deg)}.img4{transform:translateX(75px) rotateY(90deg)}.img1{transform:translateZ(75px)}.img2{transform:translateZ(-75px)}.img5{transform:translateY(-75px) rotateX(90deg)}.img6{transform:translateY(75px) rotateX(90deg)}.img3_3{transform:translateX(-150px) rotateY(90deg)}.img4_4{transform:translateX(150px) rotateY(90deg)}.img1_1{transform:translateZ(150px)}.img2_2{transform:translateZ(-150px)}.img5_5{transform:translateY(-150px) rotateX(90deg)}.img6_6{transform:translateY(150px) rotateX(90deg)}@keyframes roll{from{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.bigrotate:hover .img1_1{transform:translateZ(300px)}.bigrotate:hover .img2_2{transform:translateZ(-300px)}.bigrotate:hover .img3_3{transform:rotateY(90deg) translateZ(-300px)}.bigrotate:hover .img4_4{transform:rotateY(-90deg) translateZ(-300px)}.bigrotate:hover .img5_5{transform:rotateX(90deg) translateZ(300px)}.bigrotate:hover .img6_6{transform:rotateX(-90deg) translateZ(300px)}