.chocolat-zoomable.chocolat-zoomed{
  cursor : zoom-out;
}
.chocolat-open{
  overflow: hidden;
}
.chocolat-overlay{
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
  z-index:10;
  background-color:#000;
  display: none;
  opacity: 0.88;
}
.chocolat-wrapper{
  height:100%;
  width:100%;
  position:fixed;
  display: none;
  left:0;
  top:0;
  z-index:16;
  color: #fff;
}
.chocolat-zoomable .chocolat-img{
  cursor : zoom-in;
}
.chocolat-loader{
  height:32px;
  width:32px;
  position:absolute;
  left:50%;
  top:50% ;
  margin-left:-16px;
  margin-top:-16px;
  z-index:11;
  background:url(../images/loader.html);
  display:none;
}
.chocolat-content{
  position:fixed;
  width:0px;
  height:0px;
  left:50%;
  top:50%;
  z-index:14;
  text-align: left;
}

.chocolat-content .chocolat-img{
  position:absolute;
  width:100%;
  height:100%;
}
.chocolat-wrapper .chocolat-left{
  position:absolute;
  left:0;
  width:50px;
  height:100px;
  top: 50%;
  margin-top: -50px;
  cursor:pointer;
  background:url(../Images/left.png) 50% 50% no-repeat;
  z-index: 17;
  display: none;

}
.chocolat-wrapper .chocolat-right{
  position:absolute;
  right:0;
  width:50px;
  height:100px;
  top: 50%;
  margin-top: -50px;
  cursor:pointer;
  background:url(../Images/right.png)  50% 50% no-repeat;
  z-index: 17;
  display: none;
}
.chocolat-wrapper .chocolat-right.active{
  display: block;
}
.chocolat-wrapper .chocolat-left.active{
  display: block;
}
.chocolat-wrapper .chocolat-top{
  position:absolute;
  top:0px;
  right: 0;
  left: 0;
  line-height:50px;
  height:50px;
  overflow: hidden;
  z-index: 17;
  margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close{
  width:50px;
  height:50px;
  cursor:pointer;
  position: absolute;
  top: 0;
  right: 0;
  background:url(../Images/close.png) 50% 50% no-repeat;
}
.chocolat-wrapper .chocolat-bottom{
  position:absolute;
  bottom:0;
  left: 0;
  right: 0;
  line-height:40px;
  height:40px;
  font-size:12px;
  z-index: 17;
  padding-left: 15px;
  padding-right: 15px;
  background: rgba(0, 0, 0, 0.2);
  text-align: right;
  margin-top: 10px;
}
.chocolat-wrapper .chocolat-set-title{
  display: inline-block;
  font-size: 20px;
  padding-right: 50px;
  line-height: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.chocolat-wrapper .chocolat-pagination{
  float: right;
  font-size: 20px;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/
}
.chocolat-wrapper .chocolat-fullscreen{
  width: 16px;
  height: 40px;
  background: url(../images/fullscreen.html) 50% 50% no-repeat;
  display: block;
  margin:auto;
  cursor: pointer;
  float: right;
}
.chocolat-wrapper .chocolat-description{
  display: inline-block;
  float: left;
}

/* no container mode*/
body.chocolat-open>.chocolat-overlay{
  z-index:15;
}
body.chocolat-open>.chocolat-loader{
  z-index:15;
  z-index:15;
}
body.chocolat-open>.chocolat-content{
  z-index:17;
}

/* container mode*/
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay{
  position: absolute;
}
.chocolat-in-container{
  position: relative;
}


.sv-gallery-pager-icon{
  background-color:green;
  border: 5px solid green;
  font-style: normal;
  font-weight: bold;
  color: white;
  text-decoration: none;
}


.sv-gallery-pager-icon:hover{
  background-color:darkgreen;
  border: 5px solid darkgreen;
  color: white;
  text-decoration: none;
}

.sv-gallery-pager-icon-active{
  background-color:grey;
  border: 5px solid grey;
  font-style: normal;
  font-weight: bold;
  color: black;
}
.sv-gallery-pager{
  padding: 5px;
}




/* uncomment to hide controls when zoomed-in*/
/*
.chocolat-zoomable .chocolat-top,
.chocolat-zoomable .chocolat-bottom,
.chocolat-zoomable .chocolat-right,
.chocolat-zoomable .chocolat-left {
    transition: opacity .3s ease, visibility 0s .3s;
   opacity: 1;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-top,
.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,
.chocolat-zoomable.chocolat-zoomed .chocolat-right,
.chocolat-zoomable.chocolat-zoomed .chocolat-left {
    visibility: hidden;
    opacity: 0;
}
*/