/*优化模式*/
.photo{
   left: 50%;
   top: 50%;
   margin: -150px 0 0 -130px;
}
.photo-wrap{
   transform-origin: 0  50%;
}
.photo_front .photo-wrap{
   -webkit-transform: translate(0px ,0px) rotateY(0deg);
}
.photo_back .photo-wrap{
   -webkit-transform: translate(260px ,0px) rotateY(180deg);
}