.resetZIndex {
    z-index: auto;
}
div.lightBoxImages input[type="checkbox"], div.lightBoxImages input[type="radio"]{
  display:none;
}
div.lightBoxImages{
    height: 120px;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    white-space: nowrap;
    margin-top:15px;
    position: relative;
}
div.lightBoxImages > div.lightBoxImageGroup{
    display:inline;
    position: relative;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb{
    width: 25%;
    padding: 0px 16px 0px 16px;
    opacity: .75;
    cursor: pointer;
    position: relative;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb img.lightBoxThumbnail{
    max-height: 100%;
    vertical-align: middle;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span,
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span i {
    -webkit-transition:opacity .35s ease-in-out;
    transition:opacity .35s ease-in-out;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb:hover span {
    filter:alpha(opacity=70); opacity:.7
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    color: transparent;
    opacity: 0;
}
/*TODO:Check if necessary?*/
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-top: -0.25em;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb:hover span i {
    filter:alpha(opacity=99);
    opacity:1;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span i {
    content:"Preview";
    display:inline-block;
    position:relative;
    width:1.75em;
    height:1.75em;
    line-height:3em;
    vertical-align:middle;
    border:.25em solid #000;
    border-radius:50%;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span i:before{
    content:"";
    position:absolute;
    top:.75em;
    left:.5em;
    width:.25em;
    height:.25em;
    background:#000;
	box-shadow:.2em 0 0 #000, .35em 0 0 #000, .5em 0 0 #000, .5em 0 0 #000, .25em .2em 0 #000, .25em .3em 0 #000, .25em -.2em 0 #000, .25em -.3em 0 #000;
}
div.lightBoxImages > div.lightBoxImageGroup label.lightBoxThumb span i:after {
    content:"";
    position:absolute;
    top:1.5em;
    left:-.5em;
    width:.5em;
    height:1.5em;
    background:#000;
    border-radius:.2em;
	-webkit-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg);
}
div.lightBoxImages > div.lightBoxImageGroup div.lightBoxFullsizeContainer {
    display:inline;
}
div.lightBoxImages > div.lightBoxImageGroup div.lightBoxFullsizeContainer input[type=checkbox] ~ label.lightBoxFullImageSurround,
div.lightBoxImages > div.lightBoxImageGroup div.lightBoxFullsizeContainer input[type=checkbox] ~ label.lightBoxFullImageSurround ~ label.lightBoxFullImage img.lightBoxFullsize{
    display:none;
}
div.lightBoxImages > div.lightBoxImageGroup div.lightBoxFullsizeContainer label.lightBoxFullImageSurround {
    width: 100%;
    position: fixed;
    left: -0px;
    top:-0px;
    min-height: 100%;
    z-index: 1000;
    overflow: auto;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .75s ease-out;
    transition: transform .75s ease-out;
    cursor:pointer;
}
div.lightBoxImages > div.lightBoxImageGroup div.lightBoxFullsizeContainer input[type=checkbox]:checked ~ label.lightBoxFullImageSurround {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    display:inline;
    background-color: #222;
    opacity:.9;
}
div.lightBoxImages > div.lightBoxImageGroup div.lightBoxFullsizeContainer input[type=checkbox]:checked ~ label.lightBoxFullImageSurround ~ label.lightBoxFullImage img.lightBoxFullsize{
    position: fixed;
    top: 50%;
    left: 50%;
    opacity:1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 96%;
    max-height: 96%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    z-index: 111111;
    display:inline;
    cursor: pointer;
}