.lightbox-image{
    cursor:pointer;
}

.lightbox{
    background:rgba(0,0,0,0.93);
    bottom:0;
    height:100%;
    left:0;
    margin:0;
    position:fixed;
    right:0;
    top:0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%;
    z-index:2500;
}

.lightbox .content{
    display: table;
    height:100%;
    margin:auto;
    width:100%;
}

.lightbox .content .inner {
    display:table-cell;
    vertical-align: middle;
}

.lightbox .content .inner .image,
.lightbox .content .inner .title{
    color:#fff;
    margin:auto;
    padding-bottom: 20px;
    text-align: center;
    width:50%;
}

.lightbox .content .inner .image img{
    max-width:100%;
}

.lightbox .left,
.lightbox .right,
.lightbox .close{
    color:#666;
    font-size:30px;
    opacity:1;
    position: absolute;
    text-shadow: none;
    z-index:2501;
}

.lightbox .close{
    right:20px;
    top:20px;
}

.lightbox .left{
    left:20px;
    top:50%;
}

.lightbox .right{
    right:20px;
    top:50%;
}

.lightbox .left:hover,
.lightbox .right:hover,
.lightbox .close:hover{
    color:#fff;
    cursor: pointer;
    transition:color 0.2s ease;
}
.fa-remove::before, .fa-close::before, .fa-times::before {
    content: "";
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
.lightbox .close
{
text-indent:0;
background-image:none;
}
.box 
{

}
.box img 
{ width: 350px; 
max-width:100%;
float:left; 
border:1px solid #ccc; 
padding:5px; 
margin:12px;
transform: scale(1);
transition: all 1s ease 0s;
}

.box img:hover{
transform: scale(1.1);
}