.before{ height:188px;   display:table; clear:both;}
.pic2{
	

    position:absolute;

    top:0;

    left:0;

    z-index:-1;

}

.image_container{width:273px;height:146px; float:left; position:relative; margin-right:1px;}

.image_container a{ 

    float:left;

    -webkit-perspective: 600px;

    -moz-perspective: 600px;

}
 
.image_container a .pic1{
 

}

.image_container a:hover .pic1{

    -webkit-transform:rotateX(180deg);

    -moz-transform:rotateX(180deg);

}

.image_container a .pic2{
width:192px;height:205px;
	background:#fff;
	position:absolute;left:0px;top:0px;

    -webkit-transform: rotateX(-180deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateX(-180deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .2s ease-in-out;

    -ms-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;/*z-index:10;

    position:absolute;*/

}

.image_container a:hover .pic2{

    -webkit-transform:rotateX(0deg) rotateY(0deg);

    -moz-transform:rotateX(0deg) rotate(0deg);

    z-index: 10;

    position: absolute;

}