/* CSS Document */
/*图片翻转*/
.flip-container {perspective:1000;}
.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}
.flip-container, .front, .back {
	width: 111px;
	height: 112px; margin:0 auto
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.front {
	z-index: 2;
}
.back {
	transform: rotateY(180deg);
}



.box1{ width:300px; margin:0 auto; border-radius:300px; border:#f00 1px solid; height:300px; text-align:center; background-color:#999}
.box1 img{ margin-top:100px}
.box1:hover{ background-color:#f00}


.index_bg{ background:url(../images/bg011.jpg) no-repeat center center; background-attachment:fixed; }