@charset "utf-8";
/* CSS Document for Olay by wu*/
/*此CSS主要参考于chinabeauty_newspages2.psd*/
/*介于设计稿的整体风格，如整个页面上升一点，修改body、#top三条即可 , 或直接修改背景图mainbg.jpg和#top。*/

body { margin:0px; padding:0px; background:url(../images/mainbg.jpg) no-repeat center -90px #000; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center}
a:link,a:visited { color:#fff;text-decoration:none}
a:hover { text-decoration:underline}

/*alltainer css Document*/
#container { margin:0px auto; padding:8px 0px; width:980px; /*background:url(../images/mainbg.jpg) no-repeat -150px 0px*/; text-align:left}
.divhack { clear:both}

/*top css Document*/
#top { padding:10px 0px 0px 0px; height:162px; overflow:hidden}
#logo { width:230px; height:130px; cursor:pointer; float:left}
#Navigation { width:723px; float:right;}
#btnzone { height:22px;width:715px; float:right; padding-right:30px; text-align:right; color:#ff0000}
#btnzone img { margin-left:10px; border:0px}

/*main css Document*/
#middle {}
.newsleft { width:277px; float:left; padding-top:84px;}
.newsright { width:666px; float:left; position:relative;}
.newsareatop { height:12px; overflow:hidden; background: url(../images/newstop.gif) no-repeat}
.newsarealeft { position:absolute; left:0px; top:12px; z-index:1 ;width:1px; height:365px; overflow:hidden; background:url(../images/newsleft.jpg) no-repeat}
.newsarearight { position:absolute; right:0px; top:12px; z-index:1 ;width:1px; height:365px; overflow:hidden; background:url(../images/newsright.jpg) no-repeat}
.musicicon {position:absolute; right:10px; bottom:0px; z-index:1;width:50px; height:27px; /*background:url(../images/icon_music.gif) no-repeat*/; }
.promusicicon {/* background:url(../images/icon_music.gif) no-repeat 880px 380px; */ }
.flowericon {position:absolute; top:-23px; left:-39px; z-index:1;width:118px; height:38px; background:url(../images/iconnews_left.gif) no-repeat}
.newsmain { background:url(../images/newsmain.jpg) repeat-x;height:auto!important; height:365px; min-height:365px; padding:0px 35px 30px 35px}
.newstitle { padding-top:12px;}
.latestnews { float:left}
.btnback { float:right; padding-left:17px; background:url(../images/icon_back.gif) left center no-repeat; }
.btnback a:link,.btnback a:visited { color:#f6010b; text-decoration:underline}
.newsh1 { margin:0px; padding:8px 0px; font-size:14px; color:#eed8c3}
.news2h1 { margin:0px; padding:8px 0px 20px 0px; font-size:14px; color:#eed8c3}
.newsimg { float:left; margin-right:20px; margin-bottom:23px;}
/*图片轮播/////////////*/
#slideimg {float:left; width:294px; height:197px; border:1px solid #890607;margin-right:20px; margin-bottom:20px;BACKGROUND: #000; }
#slideimg img { border:0px}
#slidefooter {
	 OVERFLOW: hidden; LINE-HEIGHT: 28px; HEIGHT: 28px; TEXT-ALIGN: center; color:#e70101; font-size:14px
}
#slidefooter P {
	MARGIN: 0px;
	padding:0px
}
#slidefooter A {
	COLOR: #e70101; TEXT-DECORATION: none
}
#slidenext {
	FLOAT: right; WIDTH: 20px; margin-top:5px; padding:3px 0px;
}
#slideprev {
	FLOAT: left; WIDTH: 20px; margin-top:5px;padding:3px 0px;
}
/*图片轮播\\\\\\\\\\\\*/
.newstxt { margin:0px; padding:0px; text-indent:2em; line-height:22px; color:#edd9c3} 
.newstxtlist { margin:0px; padding:0px; line-height:22px;}
.newstxtlist dt { margin:0px; padding:0px; color:#eaca97; font-weight:bold}
.newstxtlist dd { margin:0px; padding:0px; color:#edd9c3; text-indent:2em}

.newslist { margin:0px; padding:0px; list-style:none} 
.newslist li { padding:15px 0px}
.newsimgcontainer { width:234px; float:left}
.newstxtcontainer { width:337px; float:right;line-height:22px;color:#edd9c3}
.newstxtcontainer h1 {margin:0px; padding:0px 0px 8px 0px; font-size:14px; color:#eed8c3}
.newstxtcontainer p {margin:0px; padding:0px;}
.btndetail { display:block; padding-left:17px; background:url(../images/icon_back.gif) left center no-repeat;}
.btndetail a:link,.btndetail a:visited { color:#f6010b; text-decoration:underline}

.reddotline { border-bottom:1px dotted #ed0000}
.linksimgcontainer { width:123px; float:left}
.linkstxtcontainer { width:453px; float:right;color:#f0e6e6; line-height:18px}
.linkstxtcontainer h1 { margin:0px; padding:0px 0px 8px 0px; font-size:14px; color:#f10000}
.linkstxtcontainer p  { margin:0px; padding:0px;}
.linkstoother { color:#ede6b7}
.linkstoother a:link,.linkstoother a:visited { color:#ede6b7; }
.ablock {display:block; width:200px; float:left}
.linkstoother img { float:left; margin-top:4px; border:0px}

.fixed { height:84px;}
.fixedcell1 { width:2px; float:left; overflow:hidden}
.fixedcell2 { width:35px;float:left; overflow:hidden}
.fixedcell3 { width:39px;float:left; overflow:hidden}
.fixedcell4 { width:224px;float:left; overflow:hidden}

.proleft { width:187px; height:230px; margin-left:2px!important;margin-left:0px; float:left;text-align:center; background:url(../images/productleftbg.jpg) no-repeat; overflow:hidden }
.proright{ width:187px; height:230px; margin-left:39px!important;margin-left:0px;float:left;text-align:center; background:url(../images/productrightbg.jpg) no-repeat;overflow:hidden }
.promiddle { position:relative; width:505px; margin-left:35px!important;margin-left:0px; float:left; height:auto!important; min-height:330px; height:330px; background:url(../images/pro_middle_bg.jpg) repeat-x}
.promiddle2 { position:relative; width:505px; margin-left:224px!important;margin-left:0px; float:left; height:auto!important; min-height:330px; height:330px; background:url(../images/pro_middle_bg.jpg) repeat-x}

.promiddletop { height:113px; width:651px; position:absolute; top:-113px; left:-72px; z-index:2; background: url(../images/pro_middle_top.jpg) no-repeat bottom; text-align:center}
.promiddleleft { width:24px; height:330px; position:absolute; top:0px; left:-24px; z-index:2; background:url(../images/pro_middle_left.jpg) no-repeat top right;} 
.promiddleright { width:24px; height:330px; position:absolute; top:0px; right:-24px!important; right:-25px; z-index:2; background:url(../images/pro_middle_right.jpg) no-repeat top left;} 

.otherseries { text-align:right; padding-right:54px;}
.otherseries img { border:0px}
.pro1img { margin-top:52px; border:0px}
.pro2img { margin-top:25px; border:0px;}
.pro3img { margin-top:15px; border:0px;}
.proname { margin:0px; padding:5px 0px;}
.proname a:link,.proname a:visited { text-decoration:underline}

#scrolltxt { width:455px; margin:0px auto; padding:18px 0px; text-align:left }
#demo { width:455px; height:45px; overflow:hidden}
#scrolltxt p { margin:0px; padding:0px;}

.proimgcontainer { width:160px; height:230px; float:left; text-align:center}
.proinfocontainer { width:276px; float:left; padding-left:20px; padding-top:30px; line-height:18px}
.proinfocontainer h1 { margin:0px; padding:0px; font-size:14px;}
.proinfocontainer p { margin:0px; padding:0px;}
.proinfocontainer h2 { margin:0px; padding:16px 0px 0px 0px; color:#ffeba4; font-size:12px; font-weight:normal}
.redblock { display:block; font-size:12px; color:#f00}

/*footer css Document*/
#footer { padding-top:12px;}
#footer ul { margin:0px; padding:0px; list-style:none}
#footer ul li { float:left; padding:0px 10px;}
#footer ul li a:link ,#footer ul li a:visited { color:#4b4740;}
li.rightborder { border-right:1px solid #4b4740;}

/*seo nav*/
#hiddennav {  margin:0px; padding:0px;list-style:none; text-align:left}
#hiddennav li { float:left;}
#hiddennav li h1 { margin:0px; padding:5px; font-size:12px; }
#hiddennav li h2 { margin:0px; padding:5px; font-size:12px; }

/*add news03*/
.news3h1 { margin:0px; padding:8px 0px; font-size:14px; color:#f1e6e6}
.news3txt1 { margin:0px; padding:0px; text-indent:2em; line-height:22px; color:#f1e6e6}
.news3txt2 { margin:0px; padding:0px;line-height:22px; color:#f1e6e6}

.eventpiclist { margin:15px 0px 0px 0px;padding:0px; list-style:none;}
.eventpiclist li { width:148px; height:155px; overflow:hidden; float:left; text-align:center}

.simgcontainer {}
.simgcontainer img { border:1px solid #f00}
.simgcontainer a:link img,.simgcontainer a:visited img { border:1px solid #f00; }
.simgcontainer a:hover img { border:1px solid #fff}
.textaboutpic {margin-top:5px; padding:8px 2px}
.btndowloadcont {}
.btndowloadcont a:link,.btndowloadcont a:visited { display:inline-block; padding-left:14px; background:url(../images/icon_download.gif) no-repeat left center ; text-decoration:underline; color:#f00}
.btndowloadcont a:hover {}
.turnpagezone { color:#ff0000; text-align:center}
.turnpagezone a:link,.turnpagezone a:visited { color:#f00; text-decoration:underline}

/*ADD 2008-01-18*/
/*.innovmain { background:url(../images/newsmain.jpg) repeat-x;height:auto!important; height:365px; min-height:365px; padding:20px; text-align:center;}*/
.innovmain { background:url(../images/newsmain.jpg) repeat-x;height:auto!important; height:400px; min-height:400px; padding-left:20px;padding-top:20px; padding-bottom:20px; text-align:center;}
.innovmain h1 { margin:0px; padding:0px; font-size:14px; color:#fff; }
.imgdown { margin-top:3px;}

.innovlist { margin:0px; padding:25px 0px 10px 12px; list-style:none; text-align:left; }
.innovlist li {float:left; margin-right:15px;}
.innovlist li a:hover { overflow:visible}
.innovlist li a:link span, .innovlist li a:visited span { display:none}
.innovlist li a:hover span { position:absolute; top:300px; left:180px; width:308px; height:154px; display:block;background:#4c0202; border:6px solid #f00; z-index:1000}
.innovlist li a span img { cursor:pointer;} 
/*.innovlist { margin:0px; padding:25px 0px 10px 12px; list-style:none; text-align:left; position:absolute; z-index:10; top:118px; left:20px;}
.innovlist li { float:left; margin-right:15px;}
.innovlist li a:hover { overflow:visible}
.innovlist li a div span {position:absolute; width:308px; height:154px; top:0px; left:-30%;background:#4c0202; border:6px solid #f00; z-index:1000}
.innovlist li a div span img { cursor:pointer}
.innovlist li a:link div ,.innovlist li a:visited div { position:position:static;}
.innovlist li a:hover div { position:relative}
.innovlist li a:link div span ,.innovlist li a:visited div span { display:none}
.innovlist li a:hover div span { display:block;} */

.truthmain { background:url(../images/newsmain.jpg) repeat-x;height:auto!important; height:365px; min-height:365px; padding:20px 35px; text-align:center;}
.truthmain h1 { margin:0px; padding:0px; font-size:14px; color:#fff; }
.truthlist { margin:0px; padding:20px 0px 0px 0px; list-style:none; width:594px; text-align:left}
.truthlist li { padding:8px 22px; background:#760102; margin-top:3px; }
.truthlist li img { float:left; margin-right:25px;}
/*.truthdetail { display:block; float:left; padding-left:12px;padding-top:1px; background:url(../images/icon_truth.gif) no-repeat center left;}*/
 a.truthdetail:link, a.truthdetail:visited {display:block; float:left; padding-left:18px;padding-top:1px; background:url(../images/icon_truth.gif) no-repeat 5px 3px; color:#f00; height:14px}
 a.truthdetail:hover {}
.truthtxtcont {line-height:20px; color:#f2e5c8; padding-top:4px; display:none}
.truthtxt { margin:0px; padding:0px;}
.truthtxtolay { margin:0px; padding:0px;}