@charset "utf-8";

#nav_cate{
	margin-bottom:15px;
	}
#nav_cate li{
	display:inline-block;
	*display:table-cell;
	*display: inline;
    *zoom: 1;
	}
#nav_cate li a{
	text-decoration:none;
	padding:5px 8px;
	margin:0 5px;
	font-size:1.1em;
	color:#533017;
	border:none;
	}
#nav_cate li a:hover{
	color:#bf351a;
}
#nav_cate li.current a{
	color:#bf351a;
	border-bottom:solid 1px #b8b2a7;
	}
/*galley*/
#gallery{
	display:inline-block;
	*display: inline;
    *zoom: 1;
	display:none;
	position:relative;
	}
div.g-inner {
	position:relative;
	margin:0 auto;
}
#view {
	*width:800px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	*margin-right:55px;
}
#view p {
	width:100%;
	text-align:center;
	position:absolute;
	display:inline-block;
	*display: inline;
    *zoom: 1;
	height:300px;
	*width:850px;
	*position:relative;
	*display: inline;
    *zoom: 1;
}
#view p img{
	box-shadow: 1px 5px 7px #777;
	width:auto;
	height:300px;
	margin:0 auto;}
#thumbBtn {
	text-align:center;
	width:820px;
	margin:0 auto;
}
#caption {
	height:50px;
	margin:0 auto;
	margin-top:25px;
	text-align:center;
	margin-bottom:15px;
}
#caption li{
	display:inline-block;
	*display: inline;
    *zoom: 1;
	padding:5px 25px;
	text-align:center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#C4A986;
	color:	#000;
	}
#caption li.nodetail{
	background:none;
	
	}
#thumbBtn li {
	margin:0 4px 7px 3px;
	box-shadow: 1px 1px 2px #777;
	border:solid 3px #fff;
	display:inline-block;
	cursor:pointer;
	padding:0;
	vertical-align:bottom;
	background-color: #fff;
	overflow: hidden;
	text-align: center;
	width: 50px;
    height: 50px;
    position: relative;
	
}
#thumbBtn li:hover{
	border:solid 3px #F7B468;
	}
#thumbBtn li.active {
	border:solid 3px #945834;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#thumbBtn li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
}
#thumbBtn div.hr{
	display: block;
	padding:0;
	text-align:center;
	background:none;
	box-shadow:none;
	border:none;
	margin: 20px auto 10px auto;
	width: auto;
	height: auto;
	text-align: center;
}
#thumbBtn div.hr p{
	display: inline-block;
	color:	#000;
background-color: #fff;
padding:5px 25px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#thumbBtn h3{
	font-size:1em;
	line-height:1em;
	padding-top:8px;
	position:relative;
	width:210px;
	margin:10px auto 10px auto;
	}
#thumbBtn h3:after{
	width:13px;
	height:27px;
	display:block;
	content:" ";
	position:absolute;
	z-index:60;
	background-image:url(../images/giftBg_l.png);
	left:0;
	top:0;
	}
#thumbBtn h3:before{
	top:0;
	z-index:60;
	width:13px;
	height:27px;
	right:0;
	display:block;
	content:" ";
	position:absolute;
	background-image:url(../images/giftBg_r.png);
	}
#tab_next,
#tab_back{
	width:50px;
	height:50px;
	text-indent:-999em;
	cursor:pointer;
	position:absolute;
	top:100px;
	z-index:300;
	}
#tab_next:hover,
#tab_back:hover{
	opacity:0.6;
}
#tab_next{
	right:20px;
	background-image:url(../images/next.png);
	*right:20px;
	}
#tab_back{
	left:20px;
	background-image:url(../images/prev.png);
	}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
.loading{
	height:300px;
	text-align:center;
	margin:0 auto;
	position:relative;
	}
	.loading img{
		padding-top:110px;
	}