@import url(header.css);

@import url(content.css);

@import url(footer.css);

@import url(addstyle.css);

/**{padding:0; margin:0; border:0;}

img{ azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);

}*

//** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 

dl, dt, dd, ul, ol, li,

pre,

form, fieldset, legend, button, input, textarea, 

th, td,

img{border:medium none; margin: 0; padding: 0;}

/** 设置默认字体 **/

body,button, input, select, textarea { font: 12px/1.5 Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/** 重置列表元素 **/

ul, ol { list-style: none; }

/** 重置超链接元素 **/

a { text-decoration: none; color:#333; outline: none;}

a:link{color:#999;}

a:visited{color:#999;}

a:hover {color:#F40; }

/** 重置表格元素 **/

table { border-collapse:collapse; border-spacing:0; }

/**禁止拉动**/

textarea{resize:none;}

/**/

input,button,select,textarea{outline:none;}

input[type=text]{ height:24px; line-height:24px; vertical-align:middle; background-color:#fafafa; border-left:1px solid #ababab; border-top:1px solid #ababab; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}

textarea{ background-color:#fafafa; border-left:1px solid #ababab; border-top:1px solid #ababab; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}

/*常用样式*/

.clear{ width:100%; clear:both; font-size:0; height:0;}

.clears{zoom:1;}

.clears:after{clear:both; content:"."; display:block; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;} 

.align-left{ text-align:left;}

.align-right{ text-align:right}

.align-center{ text-align:center;}

.float-left{ float:left;}

.float-right{ float:right;}

.underline{ text-decoration:underline;}

.valign-middle { vertical-align: middle; height: 100%;}

.width-100 { width: 100%;}

.pointer {cursor: pointer;}

.hide {display: none;}

.uppercase{ text-transform:uppercase;}

.text-none{ text-transform:none;}

/*body*/

body{ background:url(../../_images/body-bg.jpg);}

#wrap{}
.popup-bg{ width:100%; height:100%; background:url(../../_images/popup-bg.png); position:absolute; z-index:99999; display:none;}
.popup{ width:634px; padding:106px 45px 0 45px; border:1px solid #ccc; background-color:#fff; margin-left:auto; margin-right:auto; position:relative; color:#333;}
#close-btn{ position:absolute; top:-19px; right:-13px;}
.popup-title{ width:755px; height:81px; background:url(../../_images/popup-title-bg.png) no-repeat; position:absolute; top:25px; left:-16px;}
.popup-title h1{ padding:20px 36px; line-height:28px; font-size:24px; font-family:Georgia; font-weight:normal;}
.popup-main{ font-family:Georgia;}
.popup-main p{ line-height:22px; padding-bottom:30px;}
.popup-main h3{ font-size:16px; padding-bottom:30px;}


/*add*/


#carousel div {
	height: 400px;
	float: left;
}
#carousel a {
	display:block;
	min-width: 100%;
	min-height: 100%;
	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
#carousel a.european { background-image:url(../../_images/home_euro_1500x400.jpg);}
#carousel a.optical { background-image:url(../../_images/home_gift_1500x400.jpg);}
#carousel a.jadeglass { background-image:url(../../_images/home_jade_1500x400.jpg);}
#carousel a.elitecrystal { background-image:url(../../_images/home_elite_1500x400.jpg);}
#carousel a.optical2 { background-image:url(../../_images/home_optic_1500x400.jpg);}


#pager {
	border-radius: 20px;
	/*background: #fff;*/
	text-align: center;
	width: 120px;
	height: 50px;
	padding-top: 2px;
	margin: 180px 0 0 -60px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#pager a.selected span {
	background: #666;
}
#pager a {
	display: inline-block;
	padding: 5px;
}
#pager span {
	border-radius: 10px;
	background: #ccc;
	text-indent: -100px;
	line-height: 0;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
}