/*
Skins css
*/

/*################### flat ########################*/
.skin.flat {
  vertical-align: top;
}
.skin.flat .layer-media{}
.skin.flat .layer-content {
  padding: 5px 10px;
}
.skin.flat .layer-hover {
  display: none;
}



/*################### zoomout ########################*/
.skin.zoomout {
  overflow: hidden;
  position: relative;
  vertical-align: top;
}
.skin.zoomout:hover .layer-media {
  transform: scale(0);
  opacity: 0;
}

.skin.zoomout .layer-media {
  transition: all 1s ease 0s;
  left: 0;
  top: 0;
  width: 100%;
}
.skin.zoomout:hover .layer-content{
  opacity: 1;
}
.skin.zoomout .layer-content {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transition: all 1s ease 0s;
}
.skin.zoomout .layer-hover {
  display: none;
}


/*################### thumbrounded ########################*/


.skin.thumbrounded{}
.skin.thumbrounded .layer-media {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border-radius: 50%;
  overflow: hidden;
}

.skin.thumbrounded .layer-media .thumb {
  height:240px;
}

.skin.thumbrounded .layer-content{}
.skin.thumbrounded .layer-hover {
  display: none;
}