.fcContainer{
	margin:0px 0px 0px 0px;
	
}


.panel {
	float: left;
	width: 276px;
	height: 276px;
	position: relative;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 4px;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
}

.panel .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: inherit;
  height: inherit;
  text-align: center;
  border:1px solid #0e014d;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;

  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;

  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}
.panel.flip .front {
  z-index: 900;
  background: #FFF;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);

}

.panel .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: inherit;
  height: inherit;
  text-align: center;
  border:1px solid #0e014d;

  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;

  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;

  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
}

.panel.flip .back {
  z-index: 1000;
  background: #FFF;
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);

}

.last img{
  margin-left:-12px;
  margin-top: -12px;
  border:1px solid #0e014d;
}

.click .front {
  cursor: pointer;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}
.click.flip .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.click .back {
  cursor: pointer;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
}
.click.flip .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}


.toggle .front {
  cursor: pointer;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}
.toggle.flip .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.toggle .back {
  cursor: pointer;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
}
.toggle.flip .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
}

.panel .pad {padding: 0 15px; }
.panel.flip .action {display: none; }


/* Flip Js */
.flipConent{

  width:335px;

}