div.fenykep-galeria {
  width:                300px;
  height:               450px;
  display:              none;
}

.jdGallery {
  overflow:             hidden;
  position:             relative;
}

.jdGallery img {
  border:               0;
  margin:               0;
}

.jdGallery .slideElement {
  width:                100%;
  height:               100%;
  background-color:     #fff;
  background-repeat:    no-repeat;
}

.jdGallery .loadingElement {
  width:                100%;
  height:               100%;
  position:             absolute;
  left:                 0;
  top:                  0;
  background-color:     #fff;
  background-repeat:    no-repeat;
  background-position:  center center;
  background-image:     url('/img/xt.gif');
}

.jdGallery .slideInfoZone {
  position:             absolute;
  z-index:              10;
  width:                100%;
  margin:               0px;
  left:                 0;
  bottom:               0;
  height:               40px;
  background:           #333;
  color:                #fff;
  text-indent:          0;
  overflow:             hidden;
}

.jdGallery .slideInfoZone h2 {
  padding:              0;
  font-size:            80%;
  margin:               0;
  margin:               2px 5px;
  font-weight:          bold;
  color:                inherit;
}

.jdGallery .slideInfoZone p {
  padding:              0;
  font-size:            60%;
  margin:               2px 5px;
  color:                #eee;
}

.jdGallery div.carouselContainer {
  position:             absolute;
  height:               135px;
  width:                100%;
  z-index:              10;
  margin:               0px;
  left:                 0;
  top:                  0;
}

.jdGallery a.carouselBtn {
  position:             absolute;
  bottom:               0;
  right:                30px;
  height:               20px;
  /*width: 100px; background: url('img/sg/carousel_btn.gif') no-repeat;*/
  text-align:           center;
  padding:              0 10px;
  font-size:            13px;
  background:           #333;
  color:                #fff;
  cursor:               pointer;
}

.jdGallery .carousel {
  position:             absolute;
  width:                100%;
  margin:               0px;
  left:                 0;
  top:                  0;
  height:               115px;
  background:           #333;
  color:                #fff;
  text-indent:          0;
  overflow:             hidden;
}

.jdGallery .carousel .carouselWrapper {
  position:             absolute;
  width:                100%;
  height:               78px;
  top:                  10px;
  left:                 0;
  overflow:             hidden;
}

.jdGallery .carousel .carouselInner {
  position:             relative;
}

.jdGallery .carousel .carouselInner .thumbnail {
  cursor:               pointer;
  background:           #fff;
  background-position:  center center;
  float:                left;
  border:               solid 1px #fff;
}

.jdGallery .carousel .label {
  font-size:            13px;
  position:             absolute;
  bottom:               5px;
  left:                 10px;
  padding:              0;
  margin:               0;
}

.jdGallery .carousel .label .number {
  color:                #b5b5b5;
}

.jdGallery a {
  font-size:            100%;
  text-decoration:      none;
  color:                inherit;
}

.jdGallery a.right,
.jdGallery a.left {
  position:             absolute;
  height:               99%;
  width:                25%;
  cursor:               pointer;
  z-index:              10;
  opacity:              0.2;
}

.jdGallery a.right:hover,
.jdGallery a.left:hover {
  opacity:              0.8;
}

.jdGallery a.left {
  left:                 0;
  top:                  0;
  background:           url('/img/sg/fleche1.png') no-repeat center left;
}

.jdGallery a.right {
  right:                0;
  top:                  0;
  background:           url('/img/sg/fleche2.png') no-repeat center right;
}

.jdGallery a.open {
  left:                 0;
  top:                  0;
  width:                100%;
  height:               100%;
}

.withArrows a.open {
  position:             absolute;
  top:                  0;
  left:                 25%;
  height:               99%;
  width:                50%;
  cursor:               pointer;
  z-index:              10;
  background:           none;
  opacity:              0.8;
}

.withArrows a.open:hover {
  background:           url('/img/sg/open.png') no-repeat center center;
}