/* Infographics Start */
.latest{ font-size:14px; font-weight:600; width:auto; display:inline-block; background:#fff; color:#666; box-sizing:border-box; padding:2px 10px 1px 10px; margin:10px 0px 0px 11px; letter-spacing:.5px;}
.latest_arrow{position:relative; top:8px; left:-4px; display:inline-block; width:0; height:0; border-top:12px solid transparent; border-left:12px solid #ddd; border-bottom:12px solid transparent;}

.clr{display:block; clear:both;}

.archive_container{display:block; clear:both; width:100%; margin-top:20px;}
.archive_container a{ display:block; clear:both; color:#666; cursor:pointer; margin:10px 0px 5px 10px; background: url(../images/cited_bullet.png) no-repeat; background-size:10px; background-position: 5px 3px; display:block; padding-left:27px;}
.archive_container a:hover{color:#000;}

/*.archive_container{display:block; clear:both; width:100%; margin-top:20px;}
.archive_container ul{display:block; clear:both; width:100%; margin-top:10px; margin-left:10px; padding:0; clear:both;}
.archive_container li{list-style-type:none; color:#000; text-align:left; margin-bottom:7px; background: url(../images/cited_bullet.png) no-repeat; background-size:10px; background-position: 5px 3px; display:block; padding-left:27px;}
.archive_container li a{font:normal 12px arial; color:#666; }
.archive_container li a:hover{color:#000; }*/

/* produtc gallery */

.product-gallery {
    text-align: center; display:block; margin:0; padding:0; clear:both;
}
.product-gallery img{width:100%;}


.product-gallery li,
.product-gallery > div {
    display: inline-block; position:relative;
    vertical-align: top;
    width:23%;31%; margin:2% .5% 1% .5%; height:auto;140;
    overflow: hidden; box-shadow:1px 1px 15px #ddd;
}
.product-gallery li:hover{box-shadow:2px 2px 30px #999;}


.product-gallery li .mask {
   opacity: 0; width:100%; height:100%; top:0; left:0; position:absolute; z-index:5; 
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;  cursor:pointer;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.product-gallery li a.info{
	position:relative;
	opacity:0; color:white;
	top:45%; left:0px;
   -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.product-gallery li a.info img{width:auto; height:auto; position:relative; top:0; left:0;}

.product-gallery li:hover .mask {
   opacity: 1; position:absolute;
   background:rgba(0,0,0,0.7); height:100%;
}
.product-gallery li:hover a.info {
	opacity:1; cursor:pointer;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}






/* Product popup */

.popup-overlay {
    background-color: rgba(0,0,0,0.95);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:51
}
.product-gallery-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index:500;
}
.product-gallery-popup .product-popup-content {
    position: absolute;
    width: 100%;980px; 
    height: 100%;580px;
    top: 0%;
    left: 0%;
    overflow: hidden;
}
/*.sm_container{display:block; clear:both; position:relative; color:#fff; z-index:500; height:30px; width:80%; margin:0 auto; background:green;} */
.product-information,
.product-image {
    float: left; margin:auto;
    z-index:52
}
.product-information {
    width: 28%;
    margin: 4% 1%; display:none;
}
.product-image {
    width: 100%;
    height: 100%; margin:auto;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.product-image img {
    /*    width:100%;*/
    max-width: 98%; max-height: 98%; margin-top:.5%;
    
}
.cross {
    position: absolute;
    top: 10px; cursor:pointer;
    right: 10px; color:#fff; font-size:18px;z-index:52
}
.cross:hover{color:#ccc;}

.gallery-nav-btns
{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 40px;
    margin-top: -25px;
}
.gallery-nav-btns a
{
    display: block;
    position: absolute;
    width: 35px;
    height:80px;
    text-align: center;
    right: 0;
    background-image:url(/images/infographics/slim-arrow-sprite.png);
    background-repeat:no-repeat;
    opacity:0.5;
    cursor:pointer;
}
.gallery-nav-btns a:hover
{
    opacity:1;
}

.nav-btn.prev {
   left:0;
    background-position:0px 0px;
   
}
.nav-btn.next{
   right:0;
    background-position:-35px 0px;
}