@charset "utf-8";

.overlay{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10;

  background-color: rgba(0,0,0,0.5); /*dim the background*/

  text-align:center;

  display:none;

}



#overlay_pic {

    margin:200px auto;

    width:400px;



}



.jscarousal

{

	width: 574px;

	height: 291px;

	margin:0 auto;

	padding: 10px 8px 22px 0px;

	position: relative; /*overflow: hidden;*/

	margin-top:20px;

}

.jscarousal .jscarousal-left, .jscarousal .jscarousal-right

{

	float: left;

	width: 23px;

	height: 98px;



	position: relative;

	top: 12px;

	cursor: pointer;

}

.jscarousal .jscarousal-left

{

	background-image: url(../images/index1_109.jpg);

	background-repeat:no-repeat;

	width:14px;

	height:28px;

	margin-top:100px;

}

.jscarousal .jscarousal-right

{

	background-image: url(../images/index1_107.jpg);

	background-repeat:no-repeat;

	width:14px;

	height:29px;

	margin-top:100px;

}

.jscarousal-contents

{

	width: 540px;

	height: 291px;

	float: left;

	position: relative;

	overflow: hidden;

}

.jscarousal-contents > div

{

	position: absolute;

	width: 100%;

	height: 291px;

}

.jscarousal-contents > div > div

{

	float: left;

	margin-left: 8px;

	margin-right: 0px;

}

/*.jscarousal-contents img

{

	width: 251px;

	height: 175px;

	border: solid 1px #7A7677;

}*/

.hidden

{

	display: none;

}

.visible

{

	display: block;

}

.thumbnail-active

{



}

.thumbnail-inactive

{}



.thumbnail-text{color: #7A7677; font-size:14px;

	text-align: center;

	display: block;

	padding: 10px 2px 2px 0px;}

.thumbnail-text a{color: #7A7677; font-size:14px;}

.thumbnail-text a:hover{color: #e70012;}