#box{
		width: 200px;
		height: 200px;
		margin:150px auto;
		background: #ccc;
		position: relative;
		transform:perspective(800px) rotateY(-60deg) rotateX(45deg);
		transform-style:preserve-3d;
	}
	#box div{
		width:100%;
		height:100%;
		position: absolute;
		top:0;
		left: 0;
		background-size:cover; 
/*		-webkit-box-shadow:0 0 100px #5fbcff;*/
		opacity: 1.0;
	}
	.front{
		transform:translateZ(100px);
/*		background: url(themes/newmodel/images/test1.png);*/
	}
	.back{
		transform:translateZ(-100px);
/*		background: url(themes/newmodel/images/test1.png);*/
	}
	.left{
		transform:translateX(-100px) rotateY(90deg);
/*		background: url(themes/newmodel/images/test1.png);*/
	}
	.right{
		transform:translateX(100px) rotateY(90deg);
/*		background: url(themes/newmodel/images/test1.png);*/
	}
	.top{
		transform:translateY(-100px) rotateX(90deg);
/*		background: url(themes/newmodel/images/test1.png);*/
	}
	.bottom{
		transform:translateY(100px) rotateX(90deg);
/*		background: url(themes/newmodel/images/test1.png);*/
	}
	.allstone{
		background: url(themes/newmodel/images/test2.png);		
	}