div.smallthumb {
border:0px; padding:0px; margin:5px 2px 5px 0; width:90px;text-align:center;
position: relative;
display: inline-block;
vertical-align:top;
}

div.thumbbox {
border:1px solid #777777; padding:0px; margin:5px 10px 5px 0; width:180px;text-align:center;
position: relative;
display: inline-block;
vertical-align:top;
}

div#collectionboxes .containerbox {
    position: relative;
}

div#collectionboxes .image {
  opacity: 1;
  display: block;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

div#collectionboxes .middle {
  backface-visibility: hidden;
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

div#collectionboxes .containerbox:hover .image {
  opacity: 0.3;
}

div#collectionboxes .containerbox:hover .middle {
  opacity: 1;
}

 .cbtext {
	  	font-family: Arial, Helvetica, sans-serif;
  backface-visibility: hidden;
  background-color: transparent;
  color: 000000;
  font-size: 16px;
  font-weight:normal;
  padding: 0px;
}


a.cbtext:link
{
    color: #000000;
    text-decoration: none;
}
a.cbtext:visited
{
    color: #000000;
    text-decoration: none;
}
a.cbtext:hover
{
    color: #777777;
    text-decoration: none;
}
a.cbtext:active
{
    color: #000000;
    text-decoration: none;
}