/* CSS Document */

body{ background:#820E0F url(../images/china-new-year-2014/body-bg.jpg) top repeat-x;} 
dt,dd,dl,ul,li{ padding:0px; margin:0px; list-style:none}
.header{ height:64px; width:1012px;  margin:0 auto; position:relative;}
.header .logo{ position:absolute; top:5px;}
ul.header-icon{ width:260px; position:absolute; right:10px; top:30px;}
ul.header-icon li{ float:left; margin-right:10px; display:inline;}

#con{ margin:0 auto;}
#banner{ height:522px;  margin:0 auto;  background:url(../images/china-new-year-2014/banner.png) center no-repeat;}

.product-con{ height:511px; padding-top:102px; padding-bottom:95px; background:url(../images/china-new-year-2014/pro-bg.png) center no-repeat;}
.product-con .product-con-text{ width:932px; padding:10px 40px 10px 30px; margin:0 auto; font-size:12px; line-height:20px;  color:#000}
.product-con-img{ float:left; margin-right:20px;}
.product-con-text h2{ font-size:36px; line-height:80px; height:80px; font-weight:normal; text-shadow: 1px 3px 1px #ccc; padding-left:30px}
ul.li-con{ margin-top:20px; margin-bottom:30px; float:left; width:493px;}
ul.li-con li{ background:url(../images/china-new-year-2014/li-img.png)  left top no-repeat; font-size:12px; padding-left:40px; height:25px; line-height:25px; }

.jg span{ margin-right:10px;}
span.jg-now{ color:#F00; font-size:40px; font-style:italic; font-weight:bold;}
span.jg-old{ color:#000; font-size:18px; }
span.jg-off{ color:#F16521; font-size:18px; }

.product-con-button{height:50px; position:relative; margin-top:25px;}
.product-con-button a{ color:#FFF; text-decoration:none; font-weight:bold; font-size:14px; }

.red-button{ width:163px; padding-bottom:4px; height:43px; line-height:43px; background:url(../images/china-new-year-2014/red-button.png) no-repeat; display:block; float:left; text-align:center; color:#FFF;
 position:absolute; left:436px; *left:0px; text-shadow: 1px 1px 1px #000;
}
.green-button{ width:213px; padding-bottom:4px; height:43px; line-height:43px; background:url(../images/china-new-year-2014/green-button.png) no-repeat; display:block; float:left; text-align:center; color:#FFF;
 position:absolute; left:610px; *left:174px;  text-shadow: 1px 1px 1px #000;
}

#footer{ background:url(../images/china-new-year-2014/footer-bg.jpg) bottom repeat-x; height:336px;}
.footer-img{ height:336px; background:url(../images/china-new-year-2014/footer-bg.png) center no-repeat; position:relative;}
.footer-button{width:1012px; margin:0 auto; position:relative;}

.more-flash{ width:270px; height:51px; display:block; left:140px; top:200px; position:absolute;}
.more-video{  width:270px; height:51px;  display:block; right:170px; top:200px; position:absolute;}

p#back-to-top{
      position:fixed;
      bottom:10px;
      right:0px;
	  z-index:999;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      color:#d1d1d1;
      display:block;
      width:80px;

      /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/

      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s;
}
p#back-to-top a:hover{
      color:#979797;
}
p#back-to-top a span{
      background: url(../images/china-new-year-2014/totop.png) no-repeat center center;
      border-radius:6px;
      display:block;
      height:52px;
      width:60px;
      margin-bottom:5px;

      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/

      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}
#back-to-top a:hover span{
        background: url(../images/china-new-year-2014/totop.png) no-repeat center center;
}