@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/lib/fonts/glyphicons-halflings-regular.eot');
  src: url('/lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/lib/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


.divOverlayImage .topImage{

}

.divOverlayImage .topImage .navig{
float: right;
box-sizing:border-box;
padding: 0px 40px 20px 0px;
position: relative;
z-index: 20;
}

.divOverlayImage .topImage .navig a{
background-image: none;
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;
border: 1px solid #000;
color: #000;
display: inline-block;
float: right;
font-size: 17px;
height: 35px;
margin: 0 8px;
width: 35px;
display: block;
line-height: 35px;
text-align: center;
}
.divOverlayImage .topImage .navig a:hover{
border: 1px solid #FFF;
}


.divOverlayImage .topImage .navig .aResize{

}

.divOverlayImage .topImage .navig .aResizeHidden{
display: none;
}





.divOverlayImage .topImage .navig .aResize:before {
content: "\e140";
font-family: "Glyphicons Halflings";
}

.divOverlayImage .topImage .navig .aResize.resFull:before{
content: "\e097";
}


.divOverlayImage .topImage .navig .getImage{
font-size: 22px;
}
.divOverlayImage .topImage .navig .getImage:before{
content: "\e003";
font-family: "Glyphicons Halflings";
}

.divOverlayImage{
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity:1;

}

.divOverlayImageAdd{
display: none;

}

.modal-open-img{
overflow: hidden;
}
.imageGalleryParent{
width: 80%;
height: 85%;
position: absolute;
top:5%;
left:0px;
right: 0px;
bottom: 0px;
margin: 0px auto;
background-color: #FFFFFF;
z-index: 101;
border-radius:10px;
padding-bottom: 3%;
}

.imageGallery{
box-sizing:border-box;
padding: 3% 3% 0 3%;
overflow: hidden;
height: 100%;

}

.imageGallery h1.main-title {
margin-bottom: 0px;
}

.imageGalleryParent .dscArray{
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;	
color: #000;
display: inline-block;
font-size: 17px;
height: 40px;
width: 40px;
line-height: 40px;
position: absolute;
bottom:6px;
background-color: #FFFFFF;
border-radius:50%;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
z-index: 102;
left:0px;
right: 0px;
margin: 0px auto;
display: none;
}

.imageGalleryParent .dscArray.rotateArr{
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.5s ease-in-out 0s;
}

.imageGalleryParent .dscArray.isVisible{
display: inline-block;
}

.imageGalleryParent .dscArray:before {
  content: "\e094";
   font-family: "Glyphicons Halflings";
}

.imageGalleryParent .dscArray:hover{
box-shadow:none;
}

.loadImg .imageGallery{
background: url('../images/loader_2.gif') 50% 50% no-repeat;
}

.imageGalleryDesc{
max-width: 100%;
width: 100%;
position:relative;
height:100%;
overflow: auto;
margin-right: -300px;
padding-right: 300px;
padding-left: 7px;

}

.imageGalleryDesc .contentImg{
width: 100%;
max-width: 100%;
}

.imageGalleryParent .closeImg{
cursor: pointer;
opacity: 1;
text-align: center;
text-shadow: none;
transition: all 0.5s ease-in-out 0s;	
color: #000;
display: inline-block;
float: right;
font-size: 17px;
height: 45px;
width: 45px;
line-height: 45px;
position: absolute;
top:-10px;
right: -10px;
background-color: #FFFFFF;
border-radius:50%;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
z-index: 102;
}

.loadImg .closeImg{
display: none;
}



.imageGalleryParent .closeImg:before {
  content: "\e014";
   font-family: "Glyphicons Halflings";
}
.imageGalleryParent .closeImg:hover{
box-shadow:none;
}

.imageGalleryDesc .imageDetail{
text-align: center;
box-sizing:border-box;
padding: 0px 0px 0px 0px;
}
.imageGalleryDesc .imageDetail img{
max-width: 100%;
height: auto;
}


.imageGalleryDesc  .imageDetRes{
position: relative;
overflow: hidden;
}

.imageGalleryDesc .zoom img{
cursor: move;
}

.imageGalleryDesc .imageDetail img.resImg{
position: relative;
}


.dscContent{
padding:50px 0px 80px 0px;
font-size: 16px;
line-height: 1.7em;
}


@media screen and (max-width:1130px){
.imageGalleryParent{width: 90%;}
}
@media screen and (max-width:768px){
.imageGalleryParent{width: 95%;height: 95%;top:2%;}
}

.imageGalleryParent .prevImg,.imageGalleryParent .nextImg{
transition: all 0.5s ease-in-out 0s;
display: inline-block;
position: absolute;
height: 45px;
width: 45px;
line-height: 45px;
background-color: #FFFFFF;
border-radius:50%;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
z-index: 102;
color:#000000;
font-size: 17px;
text-align: center;
top:50%;
margin-top: -22px;
}

.imageGalleryParent .prevImg{
left: -22px;
}
.imageGalleryParent .nextImg{
right: -22px;
}

.imageGalleryParent .prevImg:hover,.imageGalleryParent .nextImg:hover{
box-shadow:none;
}

.imageGalleryParent .nextImg:before{
	content: "\e258";
  font-family: "Glyphicons Halflings";

}
.imageGalleryParent .prevImg:before{
content: "\e257";
  font-family: "Glyphicons Halflings";
}



.loadImg .prevImg,.loadImg .nextImg{
display: none;
}


.imageGalleryParent .thumbImg{
position: absolute;
top:100%;
left: 0px;
width: 200px;
height: 150px;
background-color: #FFFFFF;
padding: 10px;
box-shadow:0px 2px 5px 0px rgba(0,0,0,0.5);
background: #FFFFFF url('../images/loader_2.gif') 50% 50% no-repeat;
transition: all 0.5s ease-in-out 0s;


}
.imageGalleryParent .nextImg .thumbImg{
left: auto;
right: 0px;
display: block;
}
.imageGalleryParent .nextImg .thumbImg img,.imageGalleryParent .prevImg .thumbImg img{
max-width: 100%;
height: auto;
}