/**
 * style.css
 * @author gaoli
 * @date 2011-11-23
 */

/*=S common */
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,lable,textarea,p,blockquote,th,td {margin:0;padding:0;}
body {padding:130px 0 200px 0;background:url("../images/bg.jpg");}
body,textarea {font:400 12px/1.5 Simsun,Arial;color:#333;}
a,a:visited {text-decoration:none;color:#333;cursor:pointer;}
a:hover {text-decoration:underline;color:#0657B2;}
em,i {font-style:normal;}
h1,h2,h3,h4,h5,h6,strong {font-weight:700;font-size:100%;}
label, input, select {vertical-align:middle;}
img, button {background:none;border:0 none;vertical-align:middle;}
ol,ul {list-style:none;}
table,th,td,fieldset,legend {font-weight:400;border:0 none;border-collapse:collapse}
/*=E common */

.layout {margin:0 auto;width:80%;}
.iblock {display:inline-block;*display:inline;zoom:1;vertical-align:middle;}

/*=S head */
.head {position:fixed;_position:absolute;top:0;left:0;z-index:1;width:100%;height:130px;background:url("../images/bg_head.png") no-repeat center 0;}
    .head .layout {position:relative;width:980px;}
    .head .share {position:absolute;top:65px;right:360px;}
        .share strong {float:left;font-size:14px;color:#675F47;}
        .share a {float:left;margin-right:10px;padding-top:16px;width:16px;height:0;background:url("../images/icon.gif") no-repeat;overflow:hidden;}
        .share .sina {background-position:0 -26px;}
        .share .qq {background-position:0 -52px;}
        .share .renren {background-position:0 -78px;}
        .share .kaixin {background-position:0 -104px;}
/*=E head */

/*=S link */
.link {position:fixed;_position:absolute;top:150px;left:0;z-index:1;padding:125px 0 0 8px;width:75px;height:156px;background:url("../images/bg_link.png") no-repeat;}
    .link a {display:block;margin-bottom:10px;padding-top:64px;width:64px;height:0;background:url("../images/icon.gif") no-repeat;overflow:hidden;}
    .link .first {background-position:0 -129px;}
    .link .second {background-position:0 -203px;}
/*=E link */

.item {margin:10px;}
    .item .photo {position:absolute;display:block;cursor:pointer;overflow:hidden;}

/*=S size */
.size1 {width:50px;height:71px;background:url("../images/40x55.png") no-repeat;}
    .size1 .photo {top:8px;left:5px;width:40px;height:55px;}

.size2 {width:65px;height:52px;background:url("../images/55x40.png") no-repeat;}
    .size2 .photo {top:6px;left:5px;width:55px;height:40px;}

.size3 {width:68px;height:96px;background:url("../images/55x80.png") no-repeat;}
    .size3 .photo {top:8px;left:6px;width:55px;height:80px;}

.size4 {width:73px;height:59px;background:url("../images/65x45.png") no-repeat;}
    .size4 .photo {top:7px;left:4px;width:65px;height:45px;}

.size5 {width:89px;height:72px;background:url("../images/80x60.png") no-repeat;}
    .size5 .photo {top:6px;left:5px;width:80px;height:60px;}

.size6 {width:103px;height:76px;background:url("../images/90x60.png") no-repeat;}
    .size6 .photo {top:8px;left:6px;width:90px;height:60px;}

.size7 {width:103px;height:146px;background:url("../images/90x130.png") no-repeat;}
    .size7 .photo {top:8px;left:7px;width:90px;height:130px;}

.size8 {width:128px;height:173px;background:url("../images/105x150.png") no-repeat;}
    .size8 .photo {top:10px;left:11px;width:105px;height:150px;}

.size9 {width:127px;height:95px;background:url("../images/110x80.png") no-repeat;}
    .size9 .photo {top:7px;left:8px;width:110px;height:80px;}

.size10 {width:147px;height:113px;background:url("../images/130x90.png") no-repeat;}
    .size10 .photo {top:11px;left:8px;width:130px;height:90px;}

.size11 {width:169px;height:127px;background:url("../images/150x110.png") no-repeat;}
    .size11 .photo {top:9px;left:9px;width:150px;height:110px;}

.size12 {width:200px;height:151px;background:url("../images/180x130.png") no-repeat;}
    .size12 .photo {top:9px;left:9px;width:180px;height:130px;}

.size13 {width:225px;height:169px;background:url("../images/200x145.png") no-repeat;}
    .size13 .photo {top:11px;left:11px;width:200px;height:145px;}
/*=E size */

.mask, .tips-bg {top:0;left:0;background:#FFF;filter:alpha(opacity=60);background:rgba(255,255,255,0.6);}
    .mask {z-index:10;position:fixed;_position:absolute;}
    .tips-bg {position:absolute;}
.tips {z-index:2;position:fixed;_position:absolute;}
.tips-bd {z-index:20;position:relative;width:591px;height:523px;background:url("../images/bg_tips.png") no-repeat;}
    .tips-bd .close {position:absolute;top:50px;right:50px;float:left;padding-top:32px;width:32px;height:0;background:url("../images/icon.gif") no-repeat 0 -277px;overflow:hidden;}
    .tips-bd .btn {position:absolute;top:280px;right:230px;float:left;padding-top:40px;width:124px;height:0;background:url("../images/btn.jpg") no-repeat;overflow:hidden;}
    .tips-bd .tip {position:absolute;top:370px;right:150px;width:270px;font:400 18px/30px "Microsoft Yahei";color:#402707;}
    .tips-bd a, .tips-bd a:visited {color:#990000;}
    .tips-bd a:hover {color:#CC0000;}

/*=S ribbon */
.ribbon {z-index:20;position:absolute;left:0;width:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);}
:root .ribbon {filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');}
    .ribbon-bd {position:relative;margin:0 auto;padding:10px 0;width:80%;overflow:hidden;_zoom:1;}
        .ribbon-bd .photo {float:left;margin-right:20px;}
        .ribbon-bd .photo img {border:5px solid #FFF;border-radius:3px;}
        .ribbon-bd .close {position:absolute;top:10px;right:10px;padding-top:16px;width:16px;height:0;background:url("../images/icon.gif") no-repeat;overflow:hidden;}

.r .photo {float:right;margin-left:20px;margin-right:100px;}
.r .info {text-align:right;}
.r .des {float:right;text-align:left;}
.r .btn {clear:both;}
/*=E ribbon */

/*=S info */
.info {display:none;color:#FFF;overflow:hidden;_zoom:1;}
    .tit {margin:10px 0;font:400 18px/1.5 "Microsoft YaHei", 黑体;}
    .des {width:350px;}
    .btn {padding-top:45px;}
        .btn a {margin-right:15px;padding:0 10px;height:37px;line-height:37px;color:#FFF;border-radius:3px;}
        .btn a:hover {color:#FFF;text-decoration:none;}
        .btn-tao {background:#FF6C00;}
        .btn-tao:hover {background:#FF251A;}
        .btn-off {background:#97CC32;}
        .btn-off:hover {background:#26A00A;}
/*=E info */