.pre_mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;filter: alpha(50);background-color: #000000;z-index: 9999;}
.pre_popRegister{ position:relative; z-index:9999; background:#414141; width: 420px;height: 399px;	 font-size: 14px; color: #ffffff;
  left:50%;/*FF IE7*/
  top:40%;/*FF IE7*/

  margin-left:-211px!important;/*FF IE7 half of its width */
  margin-top:-110px!important;/*FF IE7 half of its height*/

  position:fixed!important;/*FF IE7*/
  position:absolute;/*IE6*/

  _top:       expression(eval(document.compatMode &&
					document.compatMode=='CSS1Compat') ?
					documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
					document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
	.pre_TitleBg{ width: 100%; height: 48px; position: absolute; left: 0; top: 0; background: #282828;}
  .pre_title{ position: absolute; left: 23px; top: 12px; color: #999999; font-size: 16px;}
  .pre_close{ width: 18px;height: 18px; position:absolute; top:14px; right:14px; background: url(../../images/close1.png) no-repeat; cursor: pointer;}
  .pre_close:hover{ background: url(../../images/close2.png) no-repeat;}
  .pre_btn{width: 90%; height: 32px; text-align: center;position: absolute; cursor: pointer;  left: 50%;transform: translateX(-50%); bottom: 16px;}
  .pre_btn a{display: inline-block;min-width: 130px;padding: 7px 10px;box-sizing: border-box;background: #de3f05;color: #ffffff;border-radius: 4px;/* text-decoration: none; */}
  .pre_btn a:hover{ background: #ed4204;text-decoration:none;}
  .pre_img{ width: 288px; height: 176px; position: absolute; left: 66px; top: 60px;}
  .pre_text{width: 360px;position: absolute;left: 40px;top: 245px;font-size: 14px;color: #ffffff;line-height: 18px;}
  .pre_text p{ color: #de3f05; font-weight: bold;}