#myGallery, #myGallerySet, #flickrGallery  {
width : 500px;
height : 360px;
z-index : 5;
border : 1px solid #000;
}
.jdGallery .slideInfoZone {
background : #fff;
color : #000;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #fff;
background-repeat : no-repeat;
background-position : center center;
background-image : url('img/loading-bar-black.gif');
}
.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/loading-bar-black.gif');
}
.jdGallery .slideInfoZone h2 {
padding : 0 !important ;
font-size : 14px !important ;
background-color : #fff !important ;
margin : 2px 5px !important ;
font-weight : bold !important ;
color : #000 !important ;
background-image : none !important ;
text-align : left !important ;
}
.jdGallery .slideInfoZone p {
padding : 0 !important ;
background-color : #fff !important ;
font-size : 11px !important ;
margin : 2px 5px !important ;
color : #000 !important ;
background-image : none !important ;
text-align : left !important ;
}
.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #fff;
color : #000 !important ;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : #fff;
color : #000;
text-indent : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : #fff;
background-position : center center;
float : left;
border : 1px solid #000;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #fff;
border : 1px solid #000;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : #000;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : #000;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #fff;
color : #000;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : #fff;
}
.jdGallery .gallerySelector h2 {
margin : 0;
padding : 10px 20px 10px 20px;
font-size : 20px;
line-height : 30px;
color : #000;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
border : 1px solid #000;
padding : 5px;
height : 40px;
color : #000;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : #fff;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : #fff;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {
margin : 0;
padding : 0;
font-size : 12px;
font-weight : normal;
color : #000;
}