.coksatan-kutu {
  background-color: transparent;
  width: 150px;
  height: 212px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
  float: left;
  margin-right: 14px;
  margin-bottom: 10px;

}

.coksatan-cerceve {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: transform 0.8s;
  transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.coksatan-kutu:hover .coksatan-cerceve {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.coksatan-kapak, .coksatan-aciklama {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.coksatan-kapak {
    width: 100%;
    height: auto;
}

.coksatan-aciklama {
  background-color: #f1f1f1;
  color: #000;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  padding-top: 60px;
}


.coksatan-kapak img {
    width: 148px;
    height: 210px;
}