body {background-color: white;}

*{box-sizing:border-box;}
.container{
  width:750px;
  height:400px;
  margin:50px auto;
}
.left-side{
  width:200px;
  height:100%;
  float:left;
}
.prod{
  width:250px;
  height:100%;
  float:left;
  position:relative;
}
.prod img{
  max-width:90%;
  position:absolute;
  margin:auto;
  top:0;right:0;bottom:0;left:0;
}
.right-side{
  width:200px;
  height:100%;
  float:left;
}
.row{
  width:100%;
  height:160px;
}

.hex{
  width:150px;
  height:150px;
  position:relative;
}
.hex:before{
  content:"";
  position:absolute;
  width:0;height:0;
  border:40px solid transparent;
  border-top:0px solid #F3F5F6;
  border-left:70px solid #F3F5F6;
  top:0;
  left:0;
  z-index:9999;
}
.hex:after{
  content:"";
  position:absolute;
  width:0;height:0;
  border:40px solid transparent;
  border-top:0px solid #F3F5F6;
  border-right:70px solid #F3F5F6;
  top:0;
  right:0;
  z-index:9999;
}
.hex-title{
  width:125%;
  height:30px;
  background:#005A87;
  position:absolute;
  margin:auto;
  left:-12.5%;top:0;bottom:0;
  z-index:99999999999;
  font-family:Arial;
  font-size:12px;
  color:#fff;
  line-height:30px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:2px;
}
.hex-img{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}
.hex-img img{
  max-height:100%;
}
.hex-hide{
  width:100%;
  height:100%;
  position:absolute;
  top:0;left:0;
}
.hex-hide:before{
  content:"";
  position:absolute;
  width:0;height:0;
  border:40px solid transparent;
  border-bottom:0px solid #F3F5F6;
  border-left:70px solid #F3F5F6;
  bottom:0;
  left:0;
  z-index:9999;
}
.hex-hide:after{
  content:"";
  position:absolute;
  width:0;height:0;
  border:40px solid transparent;
  border-bottom:0px solid #F3F5F6;
  border-right:70px solid #F3F5F6;
  bottom:0;
  right:0;
  z-index:9999;
}
.right-side > .row > .hex{
  float:right;
}
.hex-title:hover,.hex-title:active {
  font-family:Arial;
  font-size:12px;
  color: red;
  background-color: yellow;
  font-weight: bold;
  border-style: solid;
  border-color: red
}