.g-slider{
	position:relative;
	display:block;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	/*background-color:#FFF;*/
	width:956px;
	height:309px;
	padding:9px;
	overflow:hidden;
}
.g-slider .main-box,
.g-slider .tiles-box{
position:relative;
float:left;
width:auto;
height:auto;
overflow:hidden;
z-index:1;
}
.g-slider .content-strip{
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.g-slider .inner-cover{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#5F3813;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
z-index:5;
}
.g-slider .tiles{
	position:relative;
	float:left;
	width:960px;
	height:309px;
	overflow:hidden;
	z-index:1;
}
.g-slider .tiles ul{
	list-style:none;
	position:absolute;
	display:block;
/*	background-color:#EAE4CC; */
	background-color:#DED6E9;		
	margin:0;
	padding:0;
	overflow:hidden;
	z-index:0;
	width:960px;
}
.g-slider .tiles ul li{
	position:relative;
	display:block;
	float:left;
	width:234px;
	height:200px;
	border:1px solid #FFF;
	margin:0 5px 5px 0;
/*	background-color:#EAE4CC;  */
	background-color:#DED6E9;		
	overflow:hidden;
}
.g-slider ul.sub{
position:relative;
}
.g-slider li.sub{
border:0 !important;
margin:0 !important;
}
.g-slider li.sub.stack{
position:absolute;
top:0;
left:0;
z-index:0;
}
.g-slider img.thumbnail{
position:absolute;
top:0;
left:0;
z-index:1;
border:0;
}
.g-slider li img{
border:0;
}
.g-slider .caption{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	color:#FFF;
	background-color:#867135;
	/* [disabled]background:rgba(0,0,0,0.75); */
	font-size:12px;
	width:auto;
	height:auto;
	padding:10px;
	margin:0;
	overflow:hidden;
	cursor:default;
}
.g-slider .caption.outside{
	background-color:#867135;
}
.g-slider .timer-box{
position:relative;
float:left;
clear:both;
width:100%;
height:2px;
/* background:#EAE4CC; */
background:#DED6E9;
font-size:0;
}
.g-slider .timer{
position:absolute;
top:0;
left:0;
width:100%;
height:2px;
/* background:#EAE4CC; */
background:#DED6E9;

}
.g-slider .cpanel{
position:relative;
float:left;
clear:both;
width:100%;
height:24px;
line-height:24px;
overflow:hidden;
}
.g-slider .num-info{
position:relative;
float:left;
width:auto;
height:100%;
font-size:12px;
text-align:left;
color:#333;
}
.g-slider .play-btn{
position:relative;
float:right;
width:20px;
height:100%;
background-image:url(../assets/buttons.png);
background-position:5px center;
background-repeat:no-repeat;
cursor:pointer;
}
.g-slider .play-btn.pause{
background-position:-10px center;
}
.g-slider .center-panel{
position:absolute;
top:0;
left:50%;
width:auto;
height:100%;
z-index:0;
}
.g-slider .index-panel{
position:relative;
float:left;
width:auto;
height:100%;
overflow:hidden;
}
.g-slider .index-back,
.g-slider .index-fwd{
display:none;
position:absolute;
width:20px;
height:100%;
top:0;
z-index:10;
background:url(../assets/spacer.png) no-repeat;
}
.g-slider .index-back{
left:0;
}
.g-slider .index-fwd{
left:100%;
margin-left:-20px;
}
.g-slider ul.indexes{
list-style:none;
display:block;
position:absolute;
top:0;
left:0;
width:auto;
height:100%;
margin:0;
padding:0;
}
.g-slider ul.indexes li{
display:inline;
position:relative;
float:left;
width:8px;
height:8px;
padding:0;
margin:8px 6px;
background:url(../assets/buttons.png) -83px 0 no-repeat;
cursor:pointer;
font-size:0;
}
.g-slider ul.indexes li:hover{
background-position:-83px -9px;
}
.g-slider ul.indexes li.hl{
background-position:-92px 0;
cursor:default;
}
.g-slider ul.indexes li.num{
width:30px;
height:14px;
line-height:14px;
margin:5px 0;
color:#09F;
text-align:center;
font-size:12px;
background:none;
border-width:0;
border-right:solid 1px #ccc;
}
.g-slider ul.indexes li.num:hover{
text-decoration:underline;
font-weight:bold;
}
.g-slider ul.indexes li.num.hl{
font-weight:bold;
color:#000;
text-decoration:none;
}
.g-slider .s-prev,
.g-slider .s-next{
position:relative;
float:left;
width:20px;
height:100%;
line-height:22px;
color:#333;
font-weight:bold;
font-size:18px;
text-align:center;
cursor:pointer;
}
.g-slider .s-prev:hover,
.g-slider .s-next:hover{
color:#000;
}
.g-slider .prev-btn,
.g-slider .next-btn{
	position:absolute;
	width:30px;
	height:80px;
	line-height:80px;
	top:50%;
	margin-top:-40px;
	color:#DDD;
	background-color:#000;
	background:-moz-linear-gradient(#333, #000);
	background:-webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
	text-align:center;
	font-size:26px;
	cursor:pointer;
	z-index:2;
	-webkit-box-shadow:inset;
	-moz-box-shadow:0 0 1px #000;
	box-shadow:0 0 1px #000;
}
.g-slider .prev-btn:hover,
.g-slider .next-btn:hover{
color:#FFF;
}
.g-slider .prev-btn{
left:0;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-radius:0 6px 6px 0;
border-radius:0 6px 6px 0;
}
.g-slider .next-btn{
left:100%;
margin-left:-30px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-radius:6px 0 0 6px;
border-radius:6px 0 0 6px;
}

/* menu bar category */
.g-slider .menu-bar{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	height:30px;
	line-height:30px;
	overflow:hidden;
/* color:#EAE4CC; */
color:#DED6E9;
/* background:#EAE4CC; */
background:#DED6E9;

	/*background:-moz-linear-gradient(top, #fff 0%, #eee 100%);*/
	/*background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#eee));*/

/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0);*/
	border-bottom-width: 10px;
	border-bottom-style: solid;
/*	border-bottom-color: #EAE4CC;   */
	border-bottom-color: #DED6E9;	

}
/* menu bar category */

.g-slider .menu-panel{
position:relative;
float:left;
width:auto;
height:100%;
overflow:hidden;
}
.g-slider ul.menu{
list-style:none;
display:block;
position:absolute;
top:0;
left:0;
width:auto;
height:100%;
font-size:14px;
padding:0;
margin:0;
}
.g-slider ul.menu li{
display:block;
position:relative;
float:left;
width:auto;
height:100%;
text-align:center;
text-shadow: 0 1px 1px #fff;
padding:0 15px;
cursor:pointer;
white-space:nowrap;
border-right:1px solid #999;
overflow:hidden;
}

/* category */
.g-slider ul.menu li.selected{
color:#fff !important;
text-shadow: 0 1px 1px #867135;
background-color:#867135;
/*background:-moz-linear-gradient(top, #EAE4CC 0%, #867135 100%);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAE4CC', endColorstr='#867135',GradientType=0);*/
/* border-right-color:#EAE4CC; */
border-right-color:#DED6E9;
border-radius: 0px 10px 0px 0px;
cursor:default;
}
/* category */

/* category menu over*/
.g-slider ul.menu li:hover{
	color:#867135;
}
/* category menu over*/

.g-slider .menu-buttons{
position:relative;
float:right;
width:24px;
height:100%;
padding:0 5px;
}
.g-slider .menu-back,
.g-slider .menu-fwd{
position:relative;
float:left;
width:12px;
height:100%;
background-image:url(../assets/buttons.png);
background-repeat:no-repeat;
cursor:pointer;
}
.g-slider .menu-back{
background-position:-25px center;
}
.g-slider .menu-fwd{
background-position:-34px center;
}

/* showcontent*/
.g-slider .content-overlay{
position:relative;
float:left;
color:#5F3813;
/* background:#EAE4CC; */
background:#DED6E9;
font-size:12px;
overflow:hidden;
}
.g-slider .content-bar{
position:relative;
float:left;
width:100%;
height:26px;
line-height:26px;
background:#5B427D;
background:-moz-linear-gradient(top, #DED6E9 0%, #5B427D 100%);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#DED6E9), to(#5B427D));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DED6E9', endColorstr='#5B427D',GradientType=0);
overflow:hidden;
-webkit-box-shadow:0 0 3px #5B427D;
-moz-box-shadow:0 0 3px #5B427D;
box-shadow:0 0 3px #5B427D;
z-index:1;
}
.g-slider .content-num{
position:relative;
float:left;
width:auto;
height:100%;
padding:0 5px;
text-align:center;
}
/* showcontent*/

.g-slider .content-prev,
.g-slider .content-next{
position:relative;
float:left;
width:22px;
height:26px;
line-height:24px;
color:#DDD;
font-weight:bold;
font-size:18px;
text-align:center;
cursor:pointer;
}
.g-slider .content-prev:hover,
.g-slider .content-next:hover{
color:#FFF;
}
.g-slider .content-close{
position:relative;
float:right;
width:18px;
height:26px;
background-image:url(../assets/buttons.png);
background-repeat:no-repeat;
background-position:-46px center;
margin:0 10px;
cursor:pointer;
}
.g-slider .content-close:hover{
background-position:-64px center;
}
.g-slider .content-frame{
position:relative;
float:left;
padding:30px 20px 0px 20px;
}
.g-slider .outer-content{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
}
.g-slider .outer-content.loading{
background:url(../assets/loader.gif) center no-repeat;
}
.g-slider .inner-content{
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
}
.g-slider .scrollbar{
position:relative;
float:right;
width:6px;
height:100%;
margin-left:10px;
background-color:#867135;
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#867135), color-stop(50%,#867135), color-stop(100%,#867135));
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
overflow:hidden;
}
.g-slider .thumb{
position:absolute;
top:0;
left:0;
width:6px;
background-color:#DDD0AA;
background:-moz-linear-gradient(left, #eee 0%, #DDD0AA 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(100%,#DDD0AA));
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.g-slider .thumb:active{
background-color:#DDD0AA;
background:-moz-linear-gradient(left, #DDD0AA 0%, #eee 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#DDD0AA), color-stop(100%,#eee));
}
.g-slider div.content{
display:none;
}
.g-slider iframe{
border:0;
margin:0;
padding:0;
width:100%;
}
.g-slider .off{
-moz-opacity:.5;
opacity:.5;
filter:alpha(opacity=50);
cursor:default;
}
.g-slider .prev-btn.off,
.g-slider .next-btn.off{
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
cursor:default;
}
