.demo { width: 1042px; margin: 20px auto; }
.demo h1 { font-size: 18px; height: 28px; font-family: "微软雅黑", "宋体"; font-weight: normal; color: #3366cc; text-align: center; }
.demo h1 small { font-size: 12px; font-style: normal; color: #5e5e5e; margin: 0 0 0 20px; }
.thickdiv { display: none; position: fixed; top: 0; left: 0; z-index: 10000001; width: 100%; height: 100%; background: #000; border: 0; filter: alpha(opacity=15); opacity: .15; }
.thickbox { display: none; position: fixed; top: 0; left: 50%; z-index: 10000002; overflow: hidden; padding: 0 4px 4px 0; background: url("/images/hd/bg_shadow.gif") no-repeat -4px 0; margin-left: -175px; margin-top: 180px; }
*html, *html body { background-image: url(about:blank); background-attachment: fixed; }
*html .thickbox { position: absolute; top:expression(eval(document.documentElement.scrollTop));
}
.thicktitle { height: 27px; padding: 0 10px; border: solid #C4C4C4; border-width: 1px 1px 0; background: #F3F3F3; line-height: 27px; font-family: arial; font-size: 14px; font-weight: bold; color: #333; }
.thickclose:link, .thickclose:visited { display: block; position: absolute; z-index: 100000; top: 7px; right: 12px; overflow: hidden; width: 15px; height: 15px; background: url("/images/hd/bg_thickbox.gif") no-repeat 0 -18px; font-size: 0; line-height: 100px; }
.thickcon { overflow: auto; background: #fff; border: solid #C4C4C4; border-width: 1px; padding: 10px; }
*html .thickdiv { position: absolute; }
/*preview*/
#preview { width: 1018px; height: 564px; margin: 10px auto; border: 1px solid #e6e6e6; padding: 5px; zoom: 1; overflow: hidden; }
#spec-n1 { float: left; width: 862px; height: 560px; border: 1px solid #e6e6e6; overflow: hidden; background: #f6f6f6; position: relative; z-index: 5; zoom: 1; }
#spec-n1 .o-img { width: 862px; height: 560px; text-align: center; }
#spec-n1 .switch { width: 862px; height: 560px; position: absolute; z-index: 10; top: 0; left: 0; }
#spec-n1 img {  max-height: 562px; _height: 384px; }
#spec-n5 { position: relative; float: right; width: 134px; height: 510px; padding: 25px 0px; zoom: 1 }
#spec-list { width: 134px; height: 510px; overflow: hidden; }
#spec-list ul { height: 510px; overflow: hidden; margin: 0; }
#spec-list li { width: 134px; text-align: center; list-style-type: none; }
#spec-list img { padding: 2px; border: 1px solid #E8E8E8; }
#spec-list .curr img { padding: 1px; border: 2px solid #ffd300; }
#spec-n5 .control { position: absolute; width: 134px; height: 25px; background-repeat: no-repeat; cursor: pointer; }
#spec-top { top: -2px; background: url(""/images/hd/icoin.png"") 0 -30px; }
#spec-top.disabled { background-position: -85px -124px; }
#spec-bottom { bottom: -2px; background: url(""/images/hd/icoin.png"") -139px -30px; }
#spec-bottom.disabled { background-position: -139px -61px; }
#intro { float: left; width: 862px; height: 25px; line-height: 25px; text-align: center; overflow: hidden; font-size: 12px; }
#foward { display: block; width: 360px; height: 560px; float: left; cursor: url("/images/hd/foward.ico"), pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#foward.disabled, #next.disabled { cursor: default; }
#next { display: block; width: 360px; height: 560px; float: right; cursor: url("/images/hd/next.ico"), pointer; background: #fff; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.thickcon { line-height: 40px; text-align: center }