@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
body{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#fff url(bg.jpg) fixed center top; color:#555}
img{ border:none}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd{ margin:0; padding:0}
ul,li{ list-style:none}
p{ line-height:180%}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
.txt01{ color:#e4007f}
.txt02{ color:#fa5382}
.txt03{ color:#0066cc}
.txt04{ color:#494949}
.pad10{ padding-bottom:10px}
.pindent{ text-indent:25px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/*工具条*/
#toolbar{ background:url(../../../2009/eyes/images/toolbar.png) no-repeat; width:100%; height:48px; position:relative; z-index:100}
.logo{ float:left; margin:-2px 0 0 20px}
.nav{ float:right}
.nav li{ float:left; background:url(../../../2009/eyes/images/line.gif) no-repeat top left}
.nav li a{ width:85px; text-align:center; height:37px; display:block; line-height:37px; font-family:Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; color:#9a9a9a}
.nav li a:hover{ color:#fb83a4}

#banner{ width:960px; height:400PX; margin:-9px auto 0 auto; position:relative}
#banner p{ width:160px; position:absolute; top:100px; right:110px; color:#fff100}
#banner a{color:#fff100; text-decoration:underline}
#banner a:hover{ text-decoration:none}

#slider{ width:960px; margin:0 auto; position:relative}
#slider .zxly{ width:72px; position:absolute; top:8px; right:13px; color:#3d3101; font-weight:bold}
#slider .zxly a{color:#3d3101}
.navigation{height:48px; background:url(nav_bg.gif) no-repeat; padding-left:2px}
.navigation li{ float:left; padding:0 1px 0 0;}
.navigation li a{ float:left; height:37px; display:block; color:#656c6e}
.navigation a:hover{text-decoration:none}
.navigation a span{ width:141px; height:37px; line-height:37px; font-weight:bold; text-align:center; display:block; float:left; cursor:pointer}
.navigation a:hover span{ color:#ff5b9e}
.navigation a.selected span {color:#fff; background:url(selected_bg.gif) repeat-x; cursor:pointer}

.scroll{ width:918px; margin-left:19px; margin-top:-5px; height:auto; border-left:1px solid #bbb; border-right:1px solid #bbb; overflow:auto; position:relative; clear:left} 
.panel{ width:918px; height:1100px; background:url(panel.gif) no-repeat 0 50px; overflow:hidden}
.panel a{ color:#0066cc; text-decoration:underline}
.panel a:hover{ text-decoration:none}
.panel h1{ color:#494949; font-size:14px; margin-bottom:13px; text-align:center; line-height:160%; height:46px}
.panel h3.aqtitle{ margin:40px 0; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #ccc;border-top:1px solid #ccc; background:#ddd; color:#212121}
.panel dl{ margin-top:-20px; padding:0 100px}
.panel dt{ font-weight:bold; margin:8px 0}
.panel dd{ padding-left:20px}
.starbox{ width:240px; height:494px; padding:3px; margin-left:27px; display:inline; float:left}
.starbox p{ padding:5px; text-indent:25px}
.starbox h3{ font-size:14px; text-align:center; color:#fa5382; margin-top:10px}
.itembox{ width:271px; height:484px; padding:8px; margin-left:25px; display:inline; float:left}
.itembox h3{color:#fa5382; }
.itembox img{ position:absolute; top:-7px; right:-7px; _right:0 }


.casebox{border-top:1px solid #bbb; margin-bottom:20px}
.casebox h3{border-bottom:1px solid #bbb; text-align:center; padding:10px 0; margin-bottom:5px; font-size:16px; color:#369}
.case{ width:918px; height:88px; background:url(case-bg.jpg) no-repeat; padding-top:10px; position:absolute; bottom:0; left:0}
.case ul{ margin-left:160px;}
.case p{ text-align:right; padding-right:20px}
.case li{ float:left; margin-right:12px}
.play{ width:323; height:221px; padding:12px 0 0 14px; background: url(play_bg.jpg) no-repeat}
.sbottom{ width:920px; margin:0 auto}
.sbottom{ margin-top:-1px; border-top:1px solid #bbb; margin-bottom:30px;}
.sbottom img{ margin-left:-1px}
.scrollMeLeft a,.scrollMeLeft a:hover,.scrollMeRight a,.scrollMeRight a:hover{background: url(../../../../images/all-icon.gif) no-repeat;}
.buttons-box{ width:60px; height:24px; position:absolute; top:70px; right:50px; z-index:1}
.scrollButtons{float:left; cursor:pointer;}
.scrollButtons a{width:30px; height:24px; display:block}
.scrollButtons span{ display:none}
.scrollMeLeft a{ background-position:-240px 0;}
.scrollMeLeft a:hover{background-position:-240px -24px;}
.scrollMeRight a{background-position:-270px 0;}
.scrollMeRight a:hover{background-position:-270px -24px;}


#footer{ width:958px; height:19px; line-height:20px; margin:0 auto; border-top:1px solid #c8c8c8;}
.reserved{float:left; padding-left:10px;}
.reserved span{ font-size:10px; padding-right:10px;}
.reserved a{ padding:0 10px; color:#b15f92}
.add{float:right; padding-right:10px;}
.add span{color:#b15f92}
.add a{ color:#9a9a9a; margin-left:30px;}