*{ margin:0; padding:0; } body{ background:#333 url(../../wood.jpg) repeat top left; font-family: Arial, Helvetica, sans-serif; color:#444; font-size:12px; color: #000; } img {border:0px;} span.reference{ font-family:Arial; display:block; font-size:12px; text-align:center; margin-bottom:10px; } span.reference a{ color:#000; text-transform:uppercase; text-decoration:none; margin:0px 20px; } span.reference a:hover{ color:#ddd; } /* Booklet jQuery Plugin Style*/ .booklet{ -moz-box-shadow:0px 0px 1px #fff; -webkit-box-shadow:0px 0px 1px #fff; box-shadow:0px 0px 1px #fff; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .booklet .b-wrap-left { background:#fff url(../images/left_bg.jpg) no-repeat top left; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .booklet .b-wrap-right { background:#efefef url(../images/right_bg.jpg) no-repeat top left; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .booklet .b-counter { bottom:10px; position:absolute; display:block; width:90%; height:20px; border-top:1px solid #ddd; color:#222; text-align:center; font-size:12px; padding:5px 0 0; background:transparent; -moz-box-shadow:0px -1px 1px #fff; -webkit-box-shadow:0px -1px 1px #fff; box-shadow:0px -1px 1px #fff; opacity:0.8; } .book_wrapper{ margin:0 auto; padding-top:20px; width:1190px; height:808px; position:relative; background:transparent url(../images/bg.png) no-repeat; } .book_wrapper img{ width:595px;height:808px; } a#next_page_button==, a#prev_page_button=={ display:none; position:absolute; width:41px; height:40px; cursor:pointer; margin-top:-20px; top:50%; background:transparent url(../images/buttons.png) no-repeat 0px -40px; } a#prev_page_button=={ left:-150px; } a#next_page_button=={ right:-180px; background-position:-41px -40px; } a#next_page_button==:hover{ background-position:-41px 0px; } a#prev_page_button==:hover{ background-position:0px 0px; } a#fengmian{position:absolute;width:18px;height:52px;padding-top:4px;padding-left:4px;cursor:pointer;background:#e22029;color:#FFFFFF;font-size:13px;font-weight:bold;border:1px #FFFFFF solid;line-height:25px;border-radius:3px;} a#fengmian{right:-100px;top:180px; text-decoration:none} a#fengdi{position:absolute;width:18px;height:52px;padding-top:4px;padding-left:4px;cursor:pointer;background:#e22029;color:#FFFFFF;font-size:13px;font-weight:bold;border:1px #FFFFFF solid;line-height:25px;border-radius:3px;} a#fengdi{right:-100px;top:280px; text-decoration:none} a#prev_page_button{position:absolute;width:18px;height:79px;padding-top:4px;padding-left:4px;cursor:pointer;background:#e22029;color:#FFFFFF;font-size:13px;font-weight:bold;border:1px #FFFFFF solid;line-height:25px;border-radius:3px;} a#prev_page_button{right:-100px;top:380px; text-decoration:none} a#next_page_button{position:absolute;width:18px;height:79px;padding-top:4px;padding-left:4px;cursor:pointer;background:#e22029;color:#FFFFFF;font-size:13px;font-weight:bold;border:1px #FFFFFF solid;line-height:25px;border-radius:3px;} a#next_page_button{right:-100px;top:595px; text-decoration:none} /*图片点击放大效果 自适应圆角投影*/ .round_shade_box{width:1px; height:1px; font-size:0; display:none; _background:white; _border:1px solid #cccccc;} .round_shade_top{margin:6px 12px 0 10px;} .round_shade_topright{width:12px; height:10px; background:url(../images/zxx_round_shade.png) no-repeat -29px 0; _background:none; float:right; margin-right:-12px; position:relative;} .round_shade_center{font-size:14px; margin:0 12px 0 10px; padding:10px; background:white; letter-spacing:1px; line-height:1.5;} .round_shade_bottom{margin:0 12px 0 11px; background:url(../images/zxx_round_shade.png) repeat-x -20px bottom; _background:white; zoom:1;} .round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after{display:block; content:"."; height:0; clear:both; overflow:hidden; visibility:hidden;} .round_box_close{font-weight:bold;padding:7px 7px; font-size:15px; color:#ffffff; text-decoration:none; border:2px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:0px; top:1px;} .round_box_close:hover{opacity:0.95; filter:alpha(opacity=95);} /*自适应圆角投影结束*/