.gif_wrap .play_gif {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
height: 3.5em;
width: 3.5em;
text-align: center;
overflow: hidden;
background: #222;
line-height: 3.2em;
font-size: 1.5em;
text-transform: uppercase;
color: #fff;
font-weight: bold;
border-radius: 3em;
opacity: .9;
border: 5px solid #fff;
margin-left: -1.75em;
margin-top: -1.75em;
}
.play_gif:after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 1.25em;
}
.gif_wrap {
position: relative;
margin:0 0 25px 0;
}
.gif_link_wrap {
position: absolute;
z-index: 900;
height: 100%;
width: 100%;
}
.gif_spinner{
z-index: -1;
position: relative;
}
.gif_spinner{
z-index: 3 !important;
}
img._showing{
height: auto;
width: 100%;
max-width: 100%;
}
img._hidden{
visibility: hidden;
}
@media (max-width: 767px){
.gif_wrap .play_gif {
top: 50%;
height: 2.6em;
width: 2.6em;
line-height: 2.3em;
font-size: 1.2em;
margin-left: -1.3em;
margin-top: -1.3em;
border: 4px solid #fff;
}
}
.wpgp-width100 {
max-width: 100px;
}
span.play_gif.wpgp-width100, span.play_gif.wpgp-width150, span.play_gif.wpgp-width200 {
line-height: 2.3em;
font-size: 1.2em;
height: 2.6em;
margin-top: -1.3em;
width: 2.6em;
margin-left: -1.3em;
border: 4px solid #fff;
}
.wpgp-width150 {
max-width: 150px;
}
.wpgp-width200 {
max-width: 200px;
}
.wpgp-width250 {
max-width: 250px;
}
.wpgp-width300 {
max-width: 300px;
}
.wpgp-width350 {
max-width: 350px;
}
.wpgp-width400 {
max-width: 400px;
}
.wpgp-width450 {
max-width: 450px;
}
.wpgp-width500 {
max-width: 500px;
}
.wpgp-width550 {
max-width: 550px;
}
.wpgp-width600 {
max-width: 600px;
}