@import url(//fonts.googleapis.com/css?family=Open+Sans);
body {
  background: #E9F7FF;
}

.zoom {
  position: fixed;
  width: 100%;
  text-align: center;
  font-family: Open Sans, sans-serif;
  opacity: 0.3;
  color: #045888;
  font-size: 30px;
  top: 50%;
  transform: translateY(-50%);
  margin: 230px 0 0;
}

.product {
  width: 838px;
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 20px;
  background: white;
  transform: translateX(-50%) translateY(-50%);
}

#thumb {
  width: 400px;
  border: 2px solid #e5e5e5;
  margin: 0 30px 0 0;
  float: left;
  cursor: crosshair;
}

.info {
  width: 404px;
  float: left;
  position: relative;
  font-family: 'Open Sans', sans-serif;
}
.info .full {
  width: 400px;
  height: 336px;
  float: left;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  opacity: 0;
  background: white;
  transition: .5s ease;
}
.info .full.active {
  opacity: 1;
}
.info .full img {
  position: absolute;
}

.anmedio {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  color: #E9F7FF;
  background: #1BAF28;
  padding: 4px 5px 4px;
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}