/* CSS Document */
/* Scrollable */
.trigger-bar { 
	height:25px;
	text-align:left;
	padding:10px 10px 0 27px;
	color:#0084C4;
	font:bold 12px/16px 微软雅黑;
	background:url(../Images/title.png) no-repeat 0 -32px;
	overflow:hidden;
	zoom:1;
}
.trigger-bar .prev,
.trigger-bar .next {
	float:right;
	width:18px;
	height:18px;
	display:block;
	outline:none;
	background-image:url(../Images/navigator.png);
	background-repeat:no-repeat;
}
.trigger-bar .prev {
	margin-right:-1px;
	background-position:-40px 0;
}
.trigger-bar .next { background-position:-17px 0; }
.trigger-bar .prev:hover {
	text-decoration:none;
	background-position:0 0;
}
.trigger-bar .next:hover {
	text-decoration:none;
	background-position:-57px 0;
}
	
.scrollable-trigger { float:right; }
.scrollable-trigger a {
	display:inline-block;
	width:6px;
	height:6px;
	margin:6px 5px 0 0;
	font-size:0px;
	color:#70B2D5;
	background:url(../Images/navigator.png) -80px -10px no-repeat;
	outline:none;
	overflow:hidden;
}
.scrollable-trigger a.current,
.scrollable-trigger a:hover{
	color:#CACACA;
	background:url(../Images/navigator.png) -80px 0 no-repeat;
}

.scrollable-panel {
	/* 下面四项必须设置 */
	position:relative;
	width:710px;
	height:130px;
	overflow:hidden;
}
.scrollable-panel .clearfix {
	position:absolute;
	width:2010em; /* 设置足够的宽度 */
}
.scrollable-panel .item {
	float:left;
	width:322px;
	height:90px;
	border:1px solid #CCE0F4;
	padding:10px;
	background:#fff;
	margin:8px 0 8px 8px;
	display:inline;
	line-height:22px;
}
.scrollable-panel .item:hover {
	border:1px solid #78ADE2;
}
.scrollable-panel .item img {
	width:113px;
	height:84px;
	float:left;
	border:2px solid #eee;
	margin:0 10px 0 0;
}
#panel2 { height:150px; margin:3px 0 0; }
#panel2 a {
	float:left;
	width:80px;
	height:128px;
	background:#fff;
	margin:4px 2px 6px 12px;
	display:inline;
	text-align:center;
	border:1px solid #CCE0F4;
	padding:2px 2px 4px 2px;
}
#panel2 a img {
	width:65px;
	height:96px;
	display:block;
	margin:5px auto;
}
#panel2 a:hover { border:1px solid #78ADE2; }