/********超连接定义************/
A.tab {
font-size: 12px;
}
A.tab:link {
COLOR: #000000;
TEXT-DECORATION: none
}
A.tab:visited {
COLOR: #000000;
TEXT-DECORATION: none
}
A.tab:hover {
COLOR: #ff0000;
TEXT-DECORATION: underline
}
A.tab:active {
COLOR: #318E31;
TEXT-DECORATION: none
}
/***#tb_header ——#tb4_header为对触显栏目最外层DIV的id，width的数值根据实际的页面宽度来修改********/
#tb_header {
WIDTH: 685px;
HEIGHT: 34px;
margin-bottom:-2px; /*由于设计的时候,导航图片底部留有几像素的宽度,所以这里要把它向下隐藏*/
TEXT-ALIGN:center;
}
#tb_header a.tab {text-decoration:none;}/*去除导航链接文字的超链接下划线*/
/********  #tb_1 ——#tb4_4 为每个触显区域小栏目DIV的id，#tb_1到#tb_4为一组，即一个触显版块为4个小栏目，如需增加为5个栏目，则可以用#tb_5来表示。 *******/
#tb_1 {
	FLOAT: left;
	PADDING-TOP: 5px;
	padding-left:40px;
}
#tb_2 {
FLOAT: left;
PADDING-TOP: 5px;
padding-left:52px;
}
#tb_3 {
FLOAT: left;
PADDING-TOP: 5px;
padding-left:53px;
}
#tb_4 {
FLOAT: left;
PADDING-TOP:5px;
padding-left:53px;
}
/*****以上#tb_1 ——#tb_4 为一组触显栏目 END************/
/********以下为每个触显栏目对应的鼠标指向后显示内容DIV的id，#tb_1_content —— #tb_4_content 为一组，共提供了4组。*********/
#tb_1_content {

WIDTH: 70px;
HEIGHT:auto;
padding-top:5px;
}
#tb_2_content {

HEIGHT: 320px;
HEIGHT:auto;
padding-top:5px;
}
#tb_3_content {
WIDTH: 685px;
HEIGHT:auto;
padding-top:5px;
}
#tb_4_content {
	WIDTH: 685px;
HEIGHT:auto;
	padding-top:5px;
}
/********下面的内容为鼠标指向每个栏目时，体现触显效果的背景图片，.tabheader_tb_1 —— .tabheader_tb_4为一组，共为四组。这些图片在我提供的附件中已经将psd原图打包一起上传，可以自己进行修改。*******/
.tabheader_tb_1 {
background:url(c1.png) no-repeat;
}
.tabheader_tb_2 {
background:url(c2.png) no-repeat;
}
.tabheader_tb_3 {
background:url(c3.png) no-repeat;
}
.tabheader_tb_4 {
background:url(c4.png) no-repeat;
}
/******* .non为隐藏div显示效果。*********/
.non {
DISPLAY: none;
}
/*******标签DIV的内容中的上右下左的距离*************/
.tabcontent {
padding:0px 5px 5px 5px;
}


/********触显示结束************/

.juli{
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}









/********幻灯片相册开始************/

#wdsPhoto {
	BORDER-RIGHT: #ccc 1px solid;
	BORDER-TOP: #ccc 1px solid;
	BORDER-LEFT: #ccc 1px solid;
	WIDTH: 685px;
	BORDER-BOTTOM: #ccc 1px solid;
	POSITION: relative;
	float:left;
	margin-top: 15px;
	margin-right: 22px;
	margin-bottom: 10px;
	margin-left: 10px;
	height:290;
	padding: 5px;
}
#wdsPhoto .top {
	MARGIN: 5px;
	OVERFLOW: hidden;
	WIDTH: 685px;
	POSITION: relative;
	HEIGHT: 50px;
	background-color: #FFFFFF;
}
#wdsPhoto .top DIV {
	DISPLAY: block; 
	FLOAT: left; 
	OVERFLOW: hidden; 
	HEIGHT: 50px
}
#wdsPhoto .top A {
	DISPLAY: block; 
	FLOAT: left; 
	OVERFLOW: hidden; 
	HEIGHT:50px
}
#wdsPhoto .top .prev{
	BACKGROUND: url(button3.gif); 
	WIDTH: 20px;
}
#wdsPhoto .top .thum {
	MARGIN: 0px 5px; 
	OVERFLOW: hidden; 
	WIDTH: 685px;
}
#wdsPhoto .top .thum DIV A {
	BORDER-RIGHT: #ccc 2px solid; 
	BORDER-TOP: #ccc 2px solid; FILTER: alpha(opacity=50); 
	BORDER-LEFT: #ccc 2px solid; 
	WIDTH: 685px; 
	MARGIN-RIGHT: 8px; 
	BORDER-BOTTOM: #ccc 2px solid; 
	HEIGHT: 46px; 
	TEXT-ALIGN: center; moz-opacity: 0.5; opacity: 0.5; khtml-opacity: 0.5;
}
#wdsPhoto .top .thum DIV A:hover {
	FILTER: alpha(opacity=100); moz-opacity: 1; opacity: 1; khtml-opacity: 1
}
#wdsPhoto .top .thum DIV A.current {
	BORDER-RIGHT: #b3b3b3 2px solid; 
	BORDER-TOP: #b3b3b3 2px solid; FILTER: alpha(opacity=100); 
	BORDER-LEFT: #b3b3b3 2px solid; 
	BORDER-BOTTOM: #b3b3b3 2px solid; moz-opacity: 1; opacity: 1; khtml-opacity: 1;
}
#wdsPhoto .top .thum DIV A IMG {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none;
}
#wdsPhoto .top .next {
	BACKGROUND: url(button4.gif); 
	WIDTH: 20px;
}
#wdsPhoto .top .next:hover {
	BACKGROUND-POSITION: 20px 0px;
}
#wdsPhoto .main {
	BORDER-RIGHT: #ccc 0px solid; 
	BORDER-TOP: #ccc 0px solid; 
	MARGIN: 2px; OVERFLOW: hidden; 
	BORDER-LEFT: #ccc 0px solid; 
	WIDTH: 685px; 
	BORDER-BOTTOM: #ccc 0px solid; 
	POSITION: relative; 
	HEIGHT: 250px;
}
#wdsPhoto .main IMG {
	POSITION: absolute;
}
#wdsPhoto .main DIV {
	POSITION: absolute;
}