@import "default.css";

body{	background-color: #667;}
#twn_slideshow{
	background-color: #000;
	padding: 20px 0;
}

#ss_all{
	background-color: #363636;
	width: 540px;
	height: 479px;
	margin: 0 auto;
}

#main_panel{
	padding: 2px 4px;
	border-top: 1px solid #626262;
	border-left: 1px solid #626262; 
	border-right:  1px solid #626262;
}

#photo_stage{
	background-color: #000;
	width: 532px;
	height: 391px;
	overflow: hidden;
}

#belt{
	margin: 3px 0px;
}

.photo_caption{
	width: 512px;
	height: 384px;
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.photo{	display: block;}
.caption{
	position: relative;
	top:0px;
	height: 70px;
	background-color: #000;
	font-size: 12px;
	color: #fff;
	filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}
.caption h2{	padding: 5px 10px 0;font-size: 14px; font-weight: normal;}
.caption p{	padding: 5px 10px;}

.mouse_target{
	position: relative;
	top:-454px;
	width: 512px;
	height: 384px;
	background-color: #fff;
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}

#control_panel{
	border: 1px solid #626262;
	padding: 3px 4px;
}

#panel_1{}

#thumbnail_list{
	margin: 0 6px;
	width: 405px;
	height: 52px;
	background-color: #000;
	float: left;
	display: inline;
	overflow: hidden;
}
.btn_area{
	width: 56px;
	float: left;
}
.ctrl_btn{	display: block;}
#first,#end{margin-top: 1px;}


#th_stage{}
#th_belt{
	margin: 2px 0px;
}
.th_photos{
	width: 64px;
	height: 48px;
	margin: 0 3px;
	overflow: hidden;
	float: left;
	display: inline;
}
.photos{	display: block;}

#panel_2{
	margin-bottom: 2px;
}