

#mySlideshow{

	width: 533px;

	height: 285px;

	z-index:5;

	display: none;

}

.jdSlideshow

{

	display: none;

	overflow:hidden;

	position: relative;

}



.jdSlideshow img

{

	border: 0;

	margin: 0;

}



.jdSlideshow .slideElement

{

	width: 100%;

	height: 100%;

	background-color: #000000;

	background-repeat: no-repeat;

	cursor:pointer;

}



.jdSlideshow .loadingElement

{

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	background-color: #333;

	background-repeat: no-repeat;

	background-position: center center;

	background-image: url('img/loading.gif');

}



.jdSlideshow .slideInfoZone

{

	position: absolute;

	z-index: 10;

	width: 100%;

	margin: 0px;

	left: 0;

	bottom: 0;

	height: 60px;

	background: #333;

	color: #fff;

	font-size:17px;

	text-indent: 0;

	cursor:pointer;

	text-decoration:none;

}



.jdSlideshow .slideInfoZone h2

{

	padding: 0;

	font-size: 80%;

	margin: 0;

	margin: 2px 5px;

	font-weight: bold;

	color: white;

}



.jdSlideshow .slideInfoZone p

{

	padding: 0;

	font-size: 60%;

	margin: 2px 5px;

	color: #eee;

}



.jdSlideshow a

{

	font-size: 100%;

	text-decoration: none;

	color: inherit;

}



.jdSlideshow a.right, .jdSlideshow a.left

{

	position: absolute;

	height: 100%;

	width: 40%;

	cursor: pointer;

	z-index:10;

	filter:alpha(opacity=20);

	-moz-opacity:0.2;

	-khtml-opacity: 0.2;

	opacity: 0.2;

}



* html .jdSlideshow a.right, * html .jdSlideshow a.left

{

	filter:alpha(opacity=30);

}



.jdSlideshow a.right:hover, .jdSlideshow a.left:hover

{

	filter:alpha(opacity=80);

	-moz-opacity:0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8;

}
