#myGallery	{width: 772px; height: 480px; z-index:80;  border: 0 solid #fff; overflow: hidden;}
.jdGallery		{overflow: hidden; position: relative;}
.jdGallery img	{border: 0; margin: 0;}
.jdGallery .slideElement		{width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat;}
.jdGallery .loadingElement	{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000 no-repeat url('jd.gallery/loading-bar-black.gif') center center;}
.jdGallery .slideInfoZone	{width: 100%; height: 55px; position: absolute; left: 0; bottom: 0; background: #333; color: #fff; z-index: 10; margin: 0; text-indent: 0; overflow: hidden;}
* html .jdGallery .slideInfoZone	{bottom: -1px;}
.jdGallery .slideInfoZone h2		{padding: 0; font-size: 14px; margin: 2px 0 0 10px; font-weight: bold; color: inherit; line-height: 25px;}
.jdGallery .slideInfoZone p			{padding: 0; font-size: 11px; margin: 0 0 0 10px; color: #eee; line-height: 22px;}
.jdGallery div.carouselContainer	{position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0; left: 0; top: 0;}
.jdGallery a.carouselBtn			{position: absolute; bottom: 0; right: 30px; height: 20px; text-align: center; padding: 0 10px; font-size: 13px; 
		background: #333; color: #fff; cursor: pointer; /*width: 100px; background: url('jd.gallery/carousel_btn.gif') no-repeat;*/}
.jdGallery .carousel					{position: absolute; width: 100%; margin: 0; 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: 0px; left: 0; overflow: hidden;}
.jdGallery .carousel .carouselInner		{position: relative;}
.jdGallery .carousel .carouselInner .thumbnail	{cursor: pointer; background: #000; 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; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
* html .jdGallery a.right, 
* html .jdGallery a.left		{filter:alpha(opacity=50);}
.jdGallery a.right:hover, 
.jdGallery a.left:hover		{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.jdGallery a.left			{left: 0; top: 0; background: url('jd.gallery/fleche1.png') no-repeat center left;}
* html .jdGallery a.left 	{ background: url('jd.gallery/fleche1.gif') no-repeat center left;}
.jdGallery a.right			{right: 0; top: 0; background: url('jd.gallery/fleche2.png') no-repeat center right;}
* html .jdGallery a.right	{ background: url('jd.gallery/fleche2.gif') 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; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.withArrows a.open:hover 			{background: url('jd.gallery/open.png') no-repeat center center;}
* html .withArrows a.open:hover	{background: url('jd.gallery/open.gif') no-repeat center center; filter:alpha(opacity=80);}