﻿.container_bg{background: #12110f url(../images/bg.jpg) no-repeat 50% 0}
#container{min-height: 1050px;background: #12110f url(../images/main-bg-3.jpg) no-repeat 50% 0}
.download-wrapper{position: relative;height: 570px}
.m-download{position: absolute;top: 187px;left: 492px;width: 447px;height: 168px;background: url(../images/download-btn.png) no-repeat}
.m-download-green{top: 292px;background: url(../images/download-green-btn.png) no-repeat}
.download-btn{position: absolute;top: 68px;left: 84px;overflow: hidden;width: 274px;height: 48px;text-indent: -9999px;background: url(../images/download-btn.png) no-repeat -488px -21px}
.download-btn:hover{background-position: -488px -94px}
.download-green-btn{background: url(../images/download-green-btn.png) no-repeat -488px -21px}
.support{font-size: 14px;position: absolute;bottom: -15px;width: 100%;height: 20px;text-align: center;color: #8ea8bb}
.support a{text-decoration: underline}
h2.line{font-size: 22px;line-height: 60px;position: relative;height: 60px;margin-bottom: 10px;padding: 0 10px;color: #fff;background: url(../images/h2-line.png) no-repeat 0 100%}
h2 a.toggle{position: absolute;top: 25px;right: 15px;display: block;width: 22px;height: 16px;-webkit-transition: all .6s;transition: all .6s;background: url(../images/toggle-icon.png) no-repeat}
h2 a.toggle.off{-webkit-transition: all .6s;transition: all .6s;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.detail-list{padding-left: 3px}
.detail-list li{position: relative;float: left;width: 322px;height: 218px;margin: 10px 5px}
.detail-list li a .mask{position: relative;display: block;width: 322px;height: 218px;background: url(../images/detailpic-box.png) no-repeat}
.detail-list li a img{position: absolute;top: 5px;left: 8px}
.detail-list li a .title{font-size: 16px;line-height: 30px;position: absolute;bottom: 25px;width: 100%;height: 30px;-webkit-transition: all .6s;transition: all .6s;text-align: center;color: #b5845c}
.detail-list li a:hover .title{-webkit-transition: all .6s;transition: all .6s;color: #fff}
.guide{position: relative;margin-bottom: 40px}
.guide-box{position: relative;margin-left: -5px;background: url(../images/guide-bg.png) no-repeat 50% 0}
.guide-box .screenshot{position: relative;float: left;width: 315px;height: 230px;margin: 12px 10px 0}
.guide-box .s1{margin-right: 5px;margin-left: 17px}
.guide-box .s3{margin-right: 0;margin-left: 6px}
.guide-box .showpic{position: absolute;top: -9px;left: 0;display: block;width: 315px;height: 212px;opacity: 0;filter: alpha(opacity=0)}
.guide-box .showpic:hover{width: 315px;height: 212px;background: url(../images/guidepic-b.png) no-repeat;opacity: 1;filter: alpha(opacity=100)}
.guide-box .showpic.pic1{top: -9px;background-position: 0 0}
.guide-box .showpic.pic2{top: -9px;left: 0;background-position: -341px 0}
.guide-box .showpic.pic3{top: -9px;left: -1px;background-position: -683px 0}
.guide-box .title{font-size: 16px;line-height: 26px;position: absolute;bottom: 0;width: 315px;height: 26px;text-align: center;color: #b5845c}
.guide-box .title span{display: inline-block;width: 26px;height: 26px;margin-right: 5px;vertical-align: middle;background: url(../images/guide-icon.png) no-repeat 0 50%}
.pop-border{width: 751px;height: 483px;position: absolute;left: 0;top: 0;background: url(../images/pop-border.png) no-repeat}
.hos_lightbox img{position: absolute;top: 18px;left: 18px}
.closeBtn{position: absolute;top: 0;right: 0;display: block;width: 30px;height: 30px;text-indent: -9999px;overflow: hidden}
.m-configuration{border-collapse: collapse;border-spacing: 0;margin-bottom: 50px}
.m-configuration thead td{font-size: 15px;color: #f6d9af}
.m-configuration thead .t1{color: #b5845c;width: 80px}
.m-configuration td{border: 1px solid #232220;padding: 12px 16px;color: #807366}
.m-configuration table td{border: 0}
.m-configuration table{width: 217px}
.m-configuration .p0{padding: 0}
.m-configuration .t1{background: #181715}
.m-configuration .c1{color: #b5845c;font-size: 15px}
.m-configuration .b1{background: url(../images/configuration-bg.jpg) repeat-x 0 0;border: 1px solid #491f12;border-width: 1px 1px 1px 0;width: 185px}
.m-configuration .bor1{border-bottom: 1px dotted #232220}
.m-configuration .h73{height: 63px}
.m-configuration .sha{box-shadow: 6px 0 6px #22201d}
