@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
input{ font-family:'Segoe UI',Arial,Helvetica,sans-serif;}
input[type='checkbox']{ margin-top:3px; vertical-align:text-top;}
.error{ color:#f00; border:1px dashed #f00;}
/*==============basic================*/
.fl {float:left !important;}
.fr {float:right !important;}
.clr{ clear:both;  }
.ml20{ margin-left:20px !important;}
.mt30{ margin-top:30px !important;}
.oh{ overflow:hidden;}
.error{ border:1px dashed #f00 !important; color:#C00 !important;}
body{font-size:13px; line-height:1.6em; font-family:'Segoe UI',Arial, Helvetica, sans-serif; color:#333;background:url(../images/bg_02.jpg) repeat-x #fff; }
.wrap{ width:980px; overflow:hidden; margin:0 auto;}
.ribbon{ background:url(../images/ribbon_06.png) no-repeat; width:544px; height:231px; position:absolute; z-index:2; top:75px; left:50%; margin-left:-30px;}
.topBar{ background:url(../images/top-bg_02.png) repeat-x; height:103px; overflow:hidden;}
.main{ background:url(../images/banner-bg_09.png) no-repeat 50% 0;}
.video{ width:400px; height:320px; overflow:hidden; float:left; margin:15px 0px 3px 28px;}
.videoBtn{ display:block; background:url(../images/video_03.jpg) no-repeat; width:400px; height:275px; margin:15px 0px 0 0;}
.videoBtn:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.topPro{ width:528px; height:310px; float:right; margin-top:30px; overflow:hidden; position:relative;}
.topPro h2{ font-size:25px; color:#e5005c; font-family:"Times New Roman", Times, serif;}
.topPro .sub{ font-size:18px; color:#ff6698; margin-bottom:15px;}
.topPro li{ font-size:14px; line-height:1.8em;}
.topPro .share{ float:left; margin:20px 0 0 20px;}
.topPro #defaultCountdown{ position:absolute; z-index:2; bottom:10px; right:0px; width:230px; height:40px; overflow:hidden; text-align:center;}
.topPro  #defaultCountdown .countdown_section{float:left;display:block; background:url(../images/count-bg_50.png) 50% 0 no-repeat;width:50px;color:#fff; font-size:11px;-webkit-text-size-adjust:none;}
.topPro #defaultCountdown .countdown_amount{font-size:23px; line-height:21px; margin:3px 0 -3px; display:block;}
.topPro .dot{ background:url(../images/cnet.png) no-repeat; width:126px; height:51px; bottom:13px; position:absolute; z-index:2; left:0px;}
.whyArea{ background:url(../images/why-bg_13.png) repeat-x; height:273px; overflow:hidden; padding-left:30px; border-radius:20px;}
.whyArea .item { width:220px; float:left; margin:0 10px 0 3px;}
.whyArea .long{ width:450px;}

.whyArea .item .name{ background:url(../images/mother_17.png) no-repeat; height:36px; line-height:36px; padding-left:48px; font-size:15px; display:block;}
.whyArea .item .pic{ padding:5px 0 5px 7px; border:1px solid #e7e2e1; background:#fff; position:relative; overflow:hidden; box-shadow:0 3px 3px #ddd;}
.whyArea .item .pic .info{ position:absolute; bottom:5px; z-index:2; left:7px; background:url(../images/pic-bg_21.png);color:#fff; width:195px; height:75px; padding:5px; line-height:1.2em;}
.whyArea .long p{ line-height:1.8em; background:#fff5f2 !important;}
.whyArea .long p{ height:110px; padding:25px !important;}
.whyArea .long .name{ background:url(../images/cnet-1.png) no-repeat; padding-left:43px;}
.compare{ border:1px solid #f3f3f3; background:#fff; margin:10px 0; position:relative; padding-bottom:10px; }
.compare .vs{ background:url(../images/vs_40.png) no-repeat; width:104px; height:104px; position:absolute; z-index:2; top:62px; right:260px;}
.compare table{margin:10px auto; background:#f4f4f4;}
.compare td,.compare th{ border:1px solid #fff; text-align:center; height:56px;}
.compare th{ font-size:13px; padding:10px 0;}
.compare th img{ margin-top:10px;}
.compare td.name{ text-align:left; padding-left:20px;}
.compare .get{ background:url(../images/get_50.jpg) no-repeat; display:block; margin:0 auto; width:146px; height:37px;}
.compare .get:hover{ background-position:0 -37px;}
.compare .buy{ background:url(../images/btn.jpg) no-repeat; display:block; margin:0 auto; width:271px; height:63px;}
.compare .buy:hover{ background-position:0 -63px;}

.sale{ background:#f7f7f7; overflow:hidden; padding-bottom:30px;}
.sale .pro-1{ float:left; margin-left:120px; text-align:center;}
.sale .break{ background:url(../images/break.jpg) no-repeat; float:left; margin:50px 62px 0; width:62px; height:62px;}
.sale .pro-2{ float:left; width:476px; overflow:hidden; line-height:1.8em;}
.sale .buyBtn{ display:block; background:url(../images/btn2.jpg) no-repeat; width:183px; height:46px; clear:both; margin-left:305px;}
.sale .buyBtn:hover{ background-position:0 -46px;}
.footer,.footer a{ font-size:12px; color:#555; text-align:center; padding:20px 0;}

.popup{ background:url(../images/popup-bg_45.png) 0 100% #fff repeat-x; border-radius:10px; position:fixed; top:165px; left:50%; width:480px; margin-left:-240px; z-index:6; padding:20px 20px 30px;}
.popup .closeBtn{ background:url(../images/close-btn_45.png) no-repeat; width:37px; height:41px; float:right; margin:-35px -35px 0 0;}
.popup .title{ font-size:18px; color:#f00; margin:0 0 15px ; text-shadow:0 1px 1px #5a5a5a; }
.popup .email-form td{ padding:3px;}
.popup .email-form th{ text-align:right; font-weight:bold; font-size:14px; padding:3px;}
.popup .email-form input[type='text']{ width:203px; height:34px; padding:0 10px; line-height:34px; font-size:14px; color:#999; background:#fff; border:1px solid #b2b6bb; box-shadow:0 0 3px #999; border-radius:5px;}
.popup .email-form .sendBtn{ background:url(../images/send_52.png) no-repeat; display:block; width:141px; height:41px; border:none;} 
.popup .email-form .sendBtn:hover{ background-position:0 -41px;}
.popup .email-form .downBtn{ background:url(../images/down-btn.png) no-repeat; display:block; width:141px; height:41px; } 
.popup .email-form .downBtn:hover{ background-position:0 -41px;}