li.container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000px;
	-o-perspective: 1000;
	perspective: 1000;
}

li.container .card {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	width: 100%;
	height: 100%;
}

li.container:hover .card {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	/*transform: rotateY(180deg);*/
}

.card .face {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden; 
	/*backface-visibility: hidden;*/
}

.card .face.front { cursor: pointer;z-index:99;-o-transition: all 1s ease-out;}

li.container .card .face.back {
	display: block;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	/*transform: rotateY(180deg);*/
	color: white;
	text-align: center;
	
}
.container{float:left;position:relative;z-index:1;}
.card{width:100%;height:100%}
.face{position:absolute;width:100%;height:100%}
.face.back{text-align:center}
.thumb_info_wrap{ width:80%; height:100%; top: 50%; margin-top:-50px; position: relative; margin-left:auto; margin-right:auto; }
.thumb_info_wrap h2{ vertical-align:middle; margin-bottom:20px; }
.thumb_info_wrap ul{ vertical-align:middle; height:54px; overflow:hidden; }
.hover_thumb_wrap li {
    display: inline-block;*display: inline;display: inline\9;
    margin: 0 auto; margin-left:3px; margin-right:3px
}
.hover_thumb_wrap li img{ width:50px; height:50px;}