html {
	background: url(../images/bgcase.gif) left 100px; color:#333; font-size:12px; font-family: 微软雅黑;
}
a{
	text-decoration:none;
}
#heads{
	background:#fff; height:66px;
}
#header { 
	position:relative; z-index:11;  height:66px; width:950px; margin:0 auto;
}
#header #logo {
	position:absolute; left:0px; top:11px; height:42px; width:255px; 
}
#header .delivery { 
		position:absolute; top:10px;right:-52px;width:86px; padding-top:14px; height:74px; background:url(../images/bgdel.png) no-repeat; 
		text-align:center; color: #fff; font-size: 12px; }
		#header .delivery strong{
			 font-size:14px; font-weight:normal;
		}
#header .contact { 
	margin:0; position:absolute; left:750px;top:10px; 
}
	#header .contact li { list-style:none;margin-bottom:3px; }
	.tel,
	.email { 
		background-position:0 50%;background-repeat:no-repeat; display:inline-block;
		font-family: Arial;font-size: 16px; padding:1px 0 1px 30px; color:#f47402; }
	.tel { 
		background-image:url(../images/icotel2.png); 
	}
	.email { 
		background-image:url(../images/icomail2.png);
	}

.titcase{
	text-align:center; font-size:30px; color:#fff; padding-top:24px;
}

.overlay {
  height: 610px;
  padding: 36px 0 0;
  z-index: 150;
  color: #fff;
  text-align: left;
  overflow: hidden;
}
.overlay > header {
  width: 980px;
  margin: 0 auto 33px;
  position: relative;
  display: block;
}
.overlay h3 {
  color: #fff;
  font-size: 1.125em;
  line-height: 1.556;
  display: inline;
  margin: 0 12px 0 0;
}
.overlay h4 {
  font: 0.875em/2 "SabonNextW01-DisplayIta", serif;
  display: inline;
  margin: 0 20px 0 0;
}
.overlay .more {
  display: inline;
  margin: 0;
}
.overlay .close {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
}
.overlay .close > a {
  text-indent: -9999px;
  display: block;
  background: url(../images/button_close.png) no-repeat 0 0;
  width: 36px;
  height: 36px;
}
.overlay .close > a:focus, .overlay .close > a:hover {
  background-position: 0 100%;
}
.overlay > div {
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}
.overlay > div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.overlay > div > ul:after {
  content: "";
  clear: both;
  display: block;
}
.overlay > div li {
  width: 926px;
  float: left;
}
.overlay > div img {
  display: block;
  margin: 0 auto;
  border: 1px solid #393635;
  max-height: 521px;
  max-width: 826px;
}
.overlay > .markers {
  z-index: 151;
  margin: 576px 0 0;
}
.overlay > button {
  margin: 212px 0 0;
  z-index: 151;
  background: url(../images/bg_button.png);
}
.overlay > button:focus, .overlay > button:hover {
  background: url(../images/bg_button_light_over.png);
}
button.prev, button.next {
  border: 0;
  background: url(../images/bg_button_w.png);
  padding: 10px 15px;
  position: absolute;
  z-index: 149;
  overflow: visible;
  /* :hack: IE7 width */
}
button.prev {
  left: 0;
  display: inline;
}
button.next {
  right: 0;
  float: right;
}
button.prev:focus, button.prev:hover, button.next:focus, button.next:hover {
  background: url(../images/bg_button_h.png);
}
.markers {
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  z-index: 100;
}
.markers > li {
  float: left;
  margin: 0 0 0 14px;
}
.markers > li:first-child {
  margin-left: 0;
}
.markers > li > a {
  background:url(../images/bg_marker.png) no-repeat 0 0;
  display: block;
  width: 29px;
  height: 4px;
  text-indent: -9999px;
  overflow: hidden;
}
.markers > li > a:hover, .markers > .current > a {
  background-position: 0 -4px;
}