﻿/*解决背景图片闪动和重复加载的IE6BUG*/
html { zoom: expression(function(ele){ ele.style.zoom = "-1"; document.execCommand("BackgroundImageCache", false, true); }(this)); }
/*常用样式 Start*/
div#Container { margin: 0 auto; width:730px; position: relative; background:#f8f9f3; border:1px solid #e3e3e3;}
.cm_title{text-align:center; padding:10px 0; border-bottom:1px solid #e3e3e3;}
.cm_title h1{font-size:16px;}
.Hidden { display: none; }
.FlLeft{float: left; }
.FlRight{float: right;}
#btnNext,#btnPrev{cursor:pointer;margin-top:12px;}
/*常用样式 End*/
/*大图展示区域*/
.OriginalPicBorder {width:700px; padding:15px 0px 0px 0px; margin:0px auto; }
#OriginalPic { width:700px; overflow:hidden; position:relative; font-size:12px; }
#OriginalPic img { display: block; margin: 0 auto; }
/*鼠标手势*/
.CursorL {position:absolute;z-index:999;width:50%;height:75%;_height:400px;color:#FFF;left:0px;cursor:url(../images/CurL.cur), auto;background:url(../images/space.png) no-repeat;}
.CursorR {position:absolute;z-index:999;width:50%;height:75%;_height:400px;color:#FFF;right:0px;cursor:url(../images/CurR.cur), auto;background:url(../images/space.png) no-repeat;}
/*小图预览和滑动*/
.SliderPicBorder{width:700px; height:500px;overflow:hidden; margin:0px auto; }
.Summary{line-height:20px; display:block; width:680px; color:#4e4e4e; overflow:hidden;padding:10px;font-weight:normal;font-family:Arial;}
.Summary strong{ display:block; font-size:14px; text-align:center; font-weight:normal; font-family:Arial;}      
.ThumbPicBorder{display: inline-block; *display: inline; zoom: 1; }
#ThumbPic li{ margin:0px 3px;}
#ThumbPic li .pip{width:102px; height:110px; padding-top:2px;border:2px solid  #666; display:table-cell; text-align:center; vertical-align:middle; *display:block; *font-size:110px;}
#ThumbPic li .pip img{cursor:pointer;max-width:102px;max-height:110px;}
#ThumbPic li .pip.active{border:2px solid #096;}
/*滚动条*/
.clearfix{ZOOM: 1}
.clearfix:after{DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; OVERFLOW: hidden; CONTENT: "."}
.nph_scrl_lt{WIDTH:3px;/*BACKGROUND:url(../images/bg09.png) no-repeat 0px 0px;*/FLOAT: left;HEIGHT:20px;MARGIN-RIGHT: -3px}
.nph_scrl_rt{WIDTH:3px;/*BACKGROUND:url(../images/bg10.png) no-repeat 0px 0px;*/ FLOAT: right;HEIGHT:20px;MARGIN-LEFT: -3px}
.nph_scrl_bd{MIN-HEIGHT: 1px; WIDTH: 100%; FLOAT: left}
.nph_scrl_ct{POSITION: relative; MARGIN: 0px; /*BACKGROUND: url(../images/bg08.png) repeat-x 0px 0px;*/ HEIGHT: 20px; PADDING-TOP: 4px}
.nph_btn_scrl{POSITION: absolute; OUTLINE-STYLE: none; WIDTH: 36px; DISPLAY: block; CURSOR: default}
.nph_btn_scrl .nph_btn_lt{WIDTH: 10px; FLOAT: left; HEIGHT: 15px; MARGIN-RIGHT: -10px}
.nph_btn_scrl .nph_btn_rt{WIDTH: 10px; FLOAT: right; HEIGHT: 15px; MARGIN-LEFT: -10px}
.nph_btn_scrl .nph_btn_bd{MIN-HEIGHT: 1px; WIDTH: 100%; FLOAT: left}
.nph_btn_scrl .nph_btn_bd SPAN{MARGIN: 0px 10px; DISPLAY: block; HEIGHT: 15px}
.nph_btn_scrl .nph_btn_ct{MARGIN: auto; WIDTH: 14px; DISPLAY: block; HEIGHT: 15px}
.nph_btn_scrl .nph_btn_lt{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_rt{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_bd SPAN{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_ct{BACKGROUND:url(../images/bg07.png) no-repeat}
.nph_btn_scrl .nph_btn_lt{BACKGROUND-POSITION: 0px 0px}
.nph_btn_scrl .nph_btn_rt{BACKGROUND-POSITION: -26px 0px}
.nph_btn_scrl .nph_btn_ct{BACKGROUND-POSITION: -11px 0px}
.nph_btn_scrl:hover .nph_btn_lt{BACKGROUND-POSITION: 0px -16px}
.nph_btn_scrl:hover .nph_btn_rt{BACKGROUND-POSITION: -26px -16px}
.nph_btn_scrl:hover .nph_btn_ct{BACKGROUND-POSITION: -11px -16px}
.nph_btn_scrl .nph_btn_bd SPAN{BACKGROUND:url(../images/bg07.png) repeat-x 0px -32px}
.nph_btn_scrl:hover .nph_btn_bd SPAN {BACKGROUND-POSITION: 0px -48px}