/**
 * Created with JetBrains WebStorm.
 * User: qiuyun
 * Date: 13-10-15
 * Time: 下午1:50
 * To change this template use File | Settings | File Templates.
 */
body {
    background-color: #f1f1f1;
    font: 12px/1.5 arial, sans-serif;
    color: #000;
}

.bg {
    min-width: 984px;
    background:#300000 url(../images/bg.jpg) no-repeat center top;
}

.container {
    width: 984px;
    margin: 0 auto;
    padding-bottom: 228px;
}
.header{
    height: 406px;
}
.sub-logo{
    display: block;
    width: 240px;
    height: 124px;
    margin-left: 0;
    margin-top: 0;
}
.main{
    width: 671px;
    margin: 0 auto;
}

.mod{
    margin: 0 auto;
}
.mod-tit{
    height: 35px;
    line-height: 35px;
    background: #970000 url(../images/mod-tit.jpg) no-repeat right center;
    color: #ebcdb6;
    font-size: 25px;
    font-weight: bold;
    text-indent: 18px;
}
.mod-cont{
    margin-top: 7px;
}
.Display{
    width: 580px;
    margin: 24px auto 0;
}
.videoWrap{
    margin-bottom: 10px;
}
.video{
    float: left;
    width: 383px;
    height: 254px;
    margin: 16px auto 0;
    background-color: #000;
    overflow: hidden;
}
.p1{
     float: left;
     width: 189px;
     margin-left: 8px;
}
.p1 p{
   margin-top: 20px;
}
.h2{
    color: #990000;
    margin-top: 22px;
    font-weight: bold;
}
.Features{
    margin-top: 18px;
}
.FeaturesTxt{
    float: left;
    width: 217px;
    height: 80px;
    margin-left: 10px;
    background: url(../images/FeaturesTxtBg.jpg);
    color: #ebcdb6;
    text-align: center;
    line-height: 20px;
    padding-top: 10px;
}
.FeaturesTxt1{
    margin-left: 0;
}
.bolder{
    color: #ffae00;
    font-size: 20px;
}
.Screenshots{
    margin-top: 10px;
}
.Screenshots .mod-cont{
    position: relative;
}
.slider{
    position: relative;
    width: 670px;
    height: 427px;
    overflow: hidden;
}
.sliderWrap{
    position: absolute;
    width: 9999px;
    height: 427px;
}
.ScreenshotsImg{
    float: left;
    width: 670px;
    height: 427px;
}
.arrow{
    background: url("../images/arrow.gif") no-repeat 0 0;
    cursor: pointer;
    height: 85px;
    position: absolute;
    top: 179px;
    width: 50px;
    display: block;
    outline: none;
}
.arrowLeft {
    background-position: left top;
    left: -63px;
}
.arrowRight {
    background-position: right top;
    right: -63px;
}
.arrowRight:hover {
    background-position: right bottom;
}
.arrowLeft:hover {
    background-position: left bottom;
}

.selectBox{
    float: right;
    width: 183px;
    height: 36px;
    margin: 224px 154px 0 10px;
    display: inline;
}
.serviceSelect{
    width: 183px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #651200;
    background-color: #fff;

    position: relative;
}
.serviceSelect-icon,.serviceSelect-icon:hover{
    width: 30px;
    height: 30px;
    background:#651200 url(../images/serviceSelectIcon.jpg) no-repeat;
    position: absolute;
    right: -1px;
    top: 0px;
    border-color: #651200;
}