.skin.flat {
vertical-align: top;
}
.skin.flat .layer-media{}
.skin.flat .layer-content {
padding: 5px 10px;
}
.skin.flat .layer-hover {
display: none;
} .skin.flip-x {
background: rgb(255, 255, 255) none repeat scroll 0 0;
overflow: hidden;
padding: 0;
-webkit-perspective: 600px;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-x:hover .layer-media {
background: rgb(255, 255, 255) none repeat scroll 0 0;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
z-index: 900;
}
.skin.flip-x .layer-media {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
-webkit-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-x:hover .layer-content  {
background: rgb(255, 255, 255) none repeat scroll 0 0;
-webkit-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-x .layer-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
float: none;
height: inherit;
left: 0;
padding: 0;
position: absolute;
top: 0;
-webkit-transform: rotateX(-179deg);
transform: rotateX(-179deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-x .layer-hover {
display: none;
} .skin.flip-y {
background: rgb(255, 255, 255) none repeat scroll 0 0;
overflow: hidden;
padding: 0;
-webkit-perspective: 600px;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-y:hover .layer-media {
background: rgb(255, 255, 255) none repeat scroll 0 0;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index: 900;
}
.skin.flip-y .layer-media {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
-webkit-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-y:hover .layer-content  {
background: rgb(255, 255, 255) none repeat scroll 0 0;
-webkit-transform: rotateX(0deg) rotateY(0deg);
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-y .layer-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: rgb(255, 255, 255) none repeat scroll 0 0;
float: none;
height: inherit;
left: 0;
position: absolute;
top: 0;
-webkit-transform: rotateY(-179deg);
transform: rotateY(-179deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-y .layer-hover {
display: none;
} .skin.zoomin {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.zoomin:hover .layer-media {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.zoomin .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.zoomin:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.zoomin .layer-content {
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.zoomin .layer-hover {
display: none;
} .skin.zoomout {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.zoomout:hover .layer-media {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.zoomout .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.zoomout:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.zoomout .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.zoomout .layer-hover {
display: none;
} .skin.thumbzoomcontentin {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbzoomcontentin:hover .layer-media {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbzoomcontentin .layer-media {
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbzoomcontentin:hover .layer-media {
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.3" /><feFuncG type="linear" slope="0.3" /><feFuncB type="linear" slope="0.3" /></feComponentTransfer></filter></svg>#filter');
-webkit-filter: brightness(0.3);
filter: brightness(0.3);
}
.skin.thumbzoomcontentin:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbzoomcontentin .layer-content {
margin-top: 30%;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.skin.thumbzoomcontentin .layer-hover {
display: none;
} .skin.spinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinright:hover .layer-media {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.spinright .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinright:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinright .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinright .layer-hover {
display: none;
} .skin.spinrightzoom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinrightzoom:hover .layer-media {
opacity: 0.6;
filter: alpha(opacity=60);
-webkit-transform: rotate(20deg) scale(1.5);
-ms-transform: rotate(20deg) scale(1.5);
transform: rotate(20deg) scale(1.5);
}
.skin.spinrightzoom .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinrightzoom:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinrightzoom .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinrightzoom .layer-hover {
display: none;
} .skin.spinleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleft:hover .layer-media {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.spinleft .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleft:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinleft .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinleft .layer-hover {
display: none;
} .skin.spinleftzoom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleftzoom:hover .layer-media {
opacity: 0.7;
filter: alpha(opacity=70);
-webkit-transform: rotate(-30deg) scale(1.5);
-ms-transform: rotate(-30deg) scale(1.5);
transform: rotate(-30deg) scale(1.5);
}
.skin.spinleftzoom .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleftzoom:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinleftzoom .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinleftzoom .layer-hover {
display: none;
} .skin.spinrightfast {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinrightfast:hover .layer-media {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.spinrightfast .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinrightfast:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinrightfast .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinrightfast .layer-hover {
display: none;
} .skin.spinleftfast {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleftfast:hover .layer-media {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
opacity: 0;
filter: alpha(opacity=0);
}
.skin.spinleftfast .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleftfast:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.spinleftfast .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.spinleftfast .layer-hover {
display: none;
} .skin.thumbgoleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleft:hover .layer-media {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.5) translateX(-100%);
-ms-transform: scale(0.5) translateX(-100%);
transform: scale(0.5) translateX(-100%);
}
.skin.thumbgoleft .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoleft:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbgoleft .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.thumbgoleft .layer-hover {
display: none;
} .skin.thumbgoright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoright:hover .layer-media {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.5) translateX(100%);
-ms-transform: scale(0.5) translateX(100%);
transform: scale(0.5) translateX(100%);
}
.skin.thumbgoright .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoright:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbgoright .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.thumbgoright .layer-hover {
display: none;
} .skin.thumbgotop {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgotop:hover .layer-media {
opacity: 0;
filter: alpha(opacity=0);
top: -100%;
-webkit-transform: translateY(-100%) scale(0.6);
-ms-transform: translateY(-100%) scale(0.6);
transform: translateY(-100%) scale(0.6);
}
.skin.thumbgotop .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgotop:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbgotop .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.thumbgotop .layer-hover {
display: none;
} .skin.thumbgobottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgobottom:hover .layer-media {
bottom: -100%;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.5) translateY(100%);
-ms-transform: scale(0.5) translateY(100%);
transform: scale(0.5) translateY(100%);
}
.skin.thumbgobottom .layer-media {
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgobottom:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
}
.skin.thumbgobottom .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.skin.thumbgobottom .layer-hover {
display: none;
} .skin.thumbmiddle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbmiddle:hover .layer-media {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
opacity: 0.3;
filter: alpha(opacity=30);
z-index:9;
}
.skin.thumbmiddle .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbmiddle:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
z-index:10;
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
padding:5px;
}
.skin.thumbmiddle .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbmiddle .layer-hover {
display: none;
} .skin.thumbskew {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbskew:hover .layer-media {
-webkit-transform: scale(0.9) skew(5deg);
-ms-transform: scale(0.9) skew(5deg);
transform: scale(0.9) skew(5deg);
opacity: 0.3;
filter: alpha(opacity=30);
z-index:9;
}
.skin.thumbskew .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbskew:hover .layer-content{
opacity: 1;
filter: alpha(opacity=100);
z-index:10;
-webkit-transform: scale(0.9) ;
-ms-transform: scale(0.9) ;
transform: scale(0.9) ;
padding:5px;
}
.skin.thumbskew .layer-content {
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 0;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbskew .layer-hover {
display: none;
} .skin.contentbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentbottom:hover .layer-media {
z-index:9;
}
.skin.contentbottom .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentbottom:hover .layer-content{
}
.skin.contentbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 0;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
.skin.contentbottom .layer-hover {
display: none;
} .skin.contentmiddle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentmiddle:hover .layer-media {
z-index:9;
}
.skin.contentmiddle .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentmiddle:hover .layer-content{
}
.skin.contentmiddle .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
-webkit-transform: translate(0px, 50%);
-ms-transform: translate(0px, 50%);
transform: translate(0px, 50%);
width: 100%;
}
.skin.contentmiddle .layer-hover {
display: none;
} .skin.contentinbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinbottom:hover .layer-media {
z-index:9;
}
.skin.contentinbottom .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinbottom:hover .layer-content {
bottom: 0;
}
.skin.contentinbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: -100%;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinbottom .layer-hover {
display: none;
} .skin.contentinleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinleft:hover .layer-media {
z-index:9;
}
.skin.contentinleft .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinleft:hover .layer-content {
left: 0;
}
.skin.contentinleft .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: -100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinleft .layer-hover {
display: none;
} .skin.contentinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinright:hover .layer-media {
z-index:9;
}
.skin.contentinright .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinright:hover .layer-content {
left: 0;
}
.skin.contentinright .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinright .layer-hover {
display: none;
} .skin.contentinrightfixtitle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinrightfixtitle:hover .layer-media {
z-index:9;
}
.skin.contentinrightfixtitle .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinrightfixtitle:hover .layer-content {
left: 0;
}
.skin.contentinrightfixtitle .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinrightfixtitle .layer-hover {
display: none;
}
.skin.contentinrightfixtitle .layer-media .title {
margin: 0 auto;
position: absolute;
top: 50%;
transition: all 1s ease 0s;
width: 100%;
}
.skin.contentinrightfixtitle:hover .layer-media .title {
transform: scale(0);
} .skin.thumbgoleftconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleftconetntinright:hover .layer-media {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.skin.thumbgoleftconetntinright .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgoleftconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgoleftconetntinright .layer-content {
background: rgb(255, 255, 255) none repeat scroll 0 0;
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgoleftconetntinright .layer-hover {
display: none;
} .skin.thumbgobottomconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgobottomconetntinright:hover .layer-media {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.skin.thumbgobottomconetntinright .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgobottomconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgobottomconetntinright .layer-content {
background: rgb(255, 255, 255) none repeat scroll 0 0;
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgobottomconetntinright .layer-hover {
display: none;
} .skin.thumbgotopconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgotopconetntinright:hover .layer-media {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.skin.thumbgotopconetntinright .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgotopconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgotopconetntinright .layer-content {
background: rgb(255, 255, 255) none repeat scroll 0 0;
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgotopconetntinright .layer-hover {
display: none;
} .skin.thumbgorightconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgorightconetntinright:hover .layer-media {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.skin.thumbgorightconetntinright .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgorightconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgorightconetntinright .layer-content {
background: rgba(255, 255, 255,0) none repeat scroll 0 0;
height: 100%;
left: 100%;
position: absolute;
top: 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgorightconetntinright .layer-hover {
display: none;
} .skin.halfthumbleft {
overflow: hidden;
vertical-align: top;
}
.skin.halfthumbleft .layer-media {
display: inline-block;
float: left;
vertical-align: top;
width: 49%;
}
.skin.halfthumbleft .layer-content {
display: inline-block;
float: right;
width: 49%;
}
.skin.halfthumbleft .layer-hover {
display: none;
} .skin.halfthumbright {
overflow: hidden;
vertical-align: top;
}
.skin.halfthumbright .layer-media {
display: inline-block;
float: right;
vertical-align: top;
width: 49%;
}
.skin.halfthumbright .layer-content {
display: inline-block;
width: 49%;
}
.skin.halfthumbright .layer-hover {
display: none;
} .skin.thumbright{}
.skin.thumbright .layer-media{}
.skin.thumbright .layer-content{}
.skin.thumbright .layer-hover{} .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;
} .skin.contentborder {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentborder:hover .layer-media {
z-index:9;
}
.skin.contentborder .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentborder:hover .layer-content{
}
.skin.contentborder .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
padding: 40px;
position: absolute;
-webkit-transform: translate(0px, 50%);
-ms-transform: translate(0px, 50%);
transform: translate(0px, 50%);
}
.skin.contentborder .layer-hover {
display: none;
}
.skin.contentborder .layer-content:before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
bottom: 30px;
left: 10px;
right: 10px;
top: 30px;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.skin.contentborder .layer-content:after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
bottom: 10px;
left: 30px;
right: 30px;
top: 10px;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
}
.skin.contentborder:hover .layer-content:before, .skin.contentborder:hover .layer-content:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.skin.contentborder .layer-content:before, .skin.contentborder .layer-content:after {
content: "";
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
}
.skin.contentborder .layer-content:before, .skin.contentborder .layer-content:after {
-webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.skin.contentborder .layer-content .read_more {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 11;
}
.skin.contentborder .layer-content .title_link {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 11;
}
.skin.contentborder .layer-content .excerpt {
margin-top: 40px;
} .skin.contentborderrounded {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentborderrounded:hover .layer-media {
z-index:9;
}
.skin.contentborderrounded .layer-media {
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentborderrounded:hover .layer-content{
}
.skin.contentborderrounded .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
padding: 40px;
position: absolute;
-webkit-transform: translate(0px, 50%);
-ms-transform: translate(0px, 50%);
transform: translate(0px, 50%);
}
.skin.contentborderrounded .layer-hover {
display: none;
}
.skin.contentborderrounded .layer-content:before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
border-radius: 15px;
bottom: 30px;
left: 30px;
right: 30px;
top: 30px;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
transform-origin: 0 0 0;
}
.skin.contentborderrounded .layer-content:after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-radius: 15px;
bottom: 30px;
left: 30px;
right: 30px;
top: 30px;
-webkit-transform: scale(1, 0);
-ms-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
}
.skin.contentborderrounded:hover .layer-content:before, .skin.contentborderrounded:hover .layer-content:after {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.skin.contentborderrounded .layer-content:before, .skin.contentborderrounded .layer-content:after {
content: "";
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
}
.skin.contentborderrounded .layer-content:before, .skin.contentborderrounded .layer-content:after {
-webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}
.skin.contentborderrounded .layer-content{
padding-bottom:65px;}
.skin.contentborderrounded .layer-content .read_more {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 11;
}
.skin.contentborderrounded .layer-content .title_link {
left: 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 11;
}
.skin.contentborderrounded .layer-content .excerpt {
margin-top: 40px;
}