@charset "gb2312";
/* CSS Document */
*{
	padding:0;
	margin:0;
	list-style:none;
}
#gellarybox
{
	overflow:hidden;
	margin:2px auto;
	width:960px;
	height:605px;
}
#gellarybox #image_wrap {
	float:left;
	/* dimensions */ 
    width:800px;
	padding:15px 0;
	/* centered */ 
    text-align:center;
	/* some "skinning" */ 
    background-color:#efefef;
	border:2px solid #fff;
	outline:1px solid #ddd;
	-moz-ouline-radius:4px;
	height: 528px;
}
#gellarybox #image_wrap img{
	margin-top:41px;
	padding:2px;
	border:1px solid #cecece;
}
#gellarybox #thumbnail{
	background:#EDEDEE;
	position:relative;
	float:right;
	padding:20px 0;
	border:1px solid #cccccc;
	width:140px;
	height:540px;
}
#gellarybox #thumbnail a{
	background:url("../images/exhibition_picstyle/bu.gif") no-repeat;
	display:block;
	margin:2px 0px 2px 14px;
	height:26px;
}
#gellarybox #thumbnail a.up{
	background-position: 0 -111px;
}
#gellarybox #thumbnail a.up:hover{
	background-position: 0 -162px;
}
#gellarybox #thumbnail a.down{
	background-position: 0 -188px;
}
#gellarybox #thumbnail a.down:hover{
	background-position: 0 -240px;
}


.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
	margin-left:11px;
    width: 120px; 
    height:480px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.scrollable .items { 
    /* this cannot be too large */ 
    position:absolute; 
    height:3000em; 
} 
 
/* you may want to setup some decorations to active the item */ 

.scrollable .active{ 
	border:1px solid #000000;
    background-color:#fff; 
}
.scrollable img{
	background-color:#FFFFFF;
	display:block;
	cursor:pointer;
	margin:18px 0;
	padding:2px;
	border:1px solid #CCCCCC;
	width:114px;
	height:70px;
	
	-moz-border-radius:4px 4px 4px 4px;
}