.container {
    margin: 0px auto;
    text-align: center;
}
#content {
    padding-bottom: 0
}
.breadcrumb {
    font-size: 13px;
    color: #515151;
    padding: 20px 0 0 20px
}
.breadcrumb a {
    color: #515151;
    text-decoration: none
}
.car_sort {
    list-style-type: none;
    width: 100%
}
.car_sort {
    margin-left: 100px;
}
.menu div{
    display: inline-block;
    margin-right: 50px;
    font-size: 24px;
    /*font-size-adjust: 0.5;*/
}

.car_sort_title {
    font-size: 36px;
    color: #515151;
    /*margin: 25px 0 0 25px*/
}
.car_outside {
    margin-left: 100px;
}
.arrow_left {
    float: left;
    background: url(../img/encyclopedia/arrow_left.png) no-repeat;
    padding: 22px;
    margin: 165px 0 0 45px;
    cursor: pointer
}
.arrow_right {
    float: left;
    background: url(../img/encyclopedia/arrow_right.png) no-repeat;
    padding: 22px;
    margin: 165px 0 0 0;
    cursor: pointer
}
.exterior_bg {
    float: left;
    background: url(../img/encyclopedia/exterior_bg.jpg) no-repeat;
    margin: 0 30px;
    height: 406px;
    width: 733px
}
.exterior_01 {
    background: url(../img/encyclopedia/car_side.jpg) no-repeat;
    width: 710px;
    height: 373px;
    margin: 10px 12px;
    position: relative
}
.exterior_01s {
    background: url(../img/encyclopedia/car_side_s.jpg) no-repeat;
    width: 120px;
    height: 63px
}
.exterior_02 {
    background: url(../img/encyclopedia/car_front.jpg) no-repeat;
    width: 710px;
    height: 373px;
    margin: 10px 12px;
    position: relative
}
.exterior_02s {
    background: url(../img/encyclopedia/car_front_s.jpg) no-repeat;
    width: 120px;
    height: 63px
}
.exterior_03 {
    background: url(../img/encyclopedia/car_back.jpg) no-repeat;
    width: 710px;
    height: 373px;
    margin: 10px 12px;
    position: relative
}
.exterior_03s {
    background: url(../img/encyclopedia/car_back_s.jpg) no-repeat;
    width: 120px;
    height: 63px
}
.car_outward {
    list-style-type: none;
    width: 100%
}
.car_outward>li>a {
    float: left;
    width: 120px;
    margin: 3px 10px 0 0;
    border: 3px solid #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.car_outward>li>.selected {
    float: left;
    width: 120px;
    margin: 0 10px 0 0;
    border: 3px solid #c61b31
}
.ponit {
    background: url(../img/encyclopedia/point.png) no-repeat;
    width: 17px;
    position: absolute;
    height: 17px
}
.ponit_light {
    background: url(../img/encyclopedia/point_light.png) no-repeat;
    width: 55px;
    position: absolute;
    height: 55px
}
.inside_menu {
    margin: 20px 0 0 -12px
}
.inside_menu>ul {
    float: left;
    list-style-type: none;
    width: 10%
}
.inside_menu>ul>li {
    padding: 0 0 22px 0
}
.inside_menu>ul>li>a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none
}
.inside_menu>ul>li>.selected {
    color: #c61b31;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none
}
.inside_photo {
    float: left;
    width: 85%;
    margin: -14px 0 0
}
.inside_photo_01 {
    background: url(../img/encyclopedia/b01_tag.png) no-repeat center center;
    height: 480px;
    position: relative
}
.inside_txt_black {
    position: absolute;
    color: #fff;
    background: none repeat scroll 0 0 #000;
    border-radius: 10px 10px 10px 10px;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none
}
.inside_txt_black:hover {
    background: none repeat scroll 0 0 #c61b31
}
.inside_txt_red {
    color: #fff;
    background: none repeat scroll 0 0 #c61b31;
    border-radius: 10px 10px 10px 10px;
    font-size: 16px;
    padding: 5px;
    text-align: center;
    width: 70px
}
.inside_directions_box {
    background-color: #c61b31;
    padding: 20px 180px
}
.inside_directions_pic {
    float: left;
    width: 195px
}
.inside_directions_pic_01 {
    background: url(../img/encyclopedia/inside_directions_pic_01.jpg) no-repeat center center;
    height: 195px
}
.inside_directions {
    float: left;
    margin: 0 0 0 20px;
    width: 64%
}
.inside_directions_title {
    font-size: 18px;
    font-weight: bold;
    padding: 8px 0
}
.inside_directions_txt {
    font-size: 15px;
    line-height: 21px
}
.dashboard {
    background: url(../img/encyclopedia/dashboard_bg.jpg) no-repeat 320px 43px #000;
    padding: 30px 10px
}
.dashboard_box {
    background-color: #000000;
    border: 8px solid #C61B31;
    margin: 20px 0 0 330px;
    padding: 20px 15px;

    width: 480px;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85
}

.dashboard_title {
    font-size: 24px;
    color: #c61b31;
    font-weight: bold;
    margin: 0 0 18px 0
}
.dashboard_txt {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    min-height: 120px
}
.dashboard_icon {
    padding: 25px 100px
}
.dashboard_icon_01 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -8px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_02 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -95px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_03 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -183px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_04 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -263px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_05 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -345px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_06 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -433px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_07 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -518px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_08 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -603px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_09 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -693px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_10 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -13px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_11 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -99px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_12 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -185px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_13 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -265px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_14 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -348px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_15 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -433px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_16 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -523px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_17 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -608px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_18 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -698px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_19 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -10px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_20 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -98px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_21 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -709px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_22 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -270px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_23 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -355px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_24 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -440px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_25 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -525px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_26 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -175px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_27 {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon.jpg") no-repeat scroll -610px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_01:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -8px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_02:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -95px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_03:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -183px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_04:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -263px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_05:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -345px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_06:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -433px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_07:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -518px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_08:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -603px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_09:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -693px -9px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_10:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -13px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_11:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -99px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_12:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -185px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_13:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -265px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_14:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -348px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_15:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -433px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_16:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -523px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_17:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -608px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_18:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -698px -94px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_19:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -10px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_20:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -98px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_21:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -709px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_22:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -270px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_23:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -355px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_24:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -440px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_25:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -525px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_26:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -175px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.dashboard_icon_27:hover {
    float: left;
    background: url("../img/encyclopedia/dashboard_icon_red.jpg") no-repeat scroll -610px -179px transparent;
    width: 80px;
    height: 80px;
    cursor: pointer
}
.engine {
    background: url(../img/encyclopedia/engine_bg.jpg) no-repeat center 0px #dfdfdf;
    padding: 15px 0;
    background-size: 800px 530px;
    background-repeat: no-repeat;
}
.engine_explain {
    height: 440px;
    position: relative
}
.engine_btn_bg {
    background-color: #aaa9a9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    padding: 10px 20px
}
.engine_btn {
    float: left;
    width: 170px;
    margin: 0 7px 7px 7px;
    background-color: #ccc;
    cursor: pointer
}
.engine_btn a {
    font-size: 14px;
    padding: 8px 5px;
    display: block;
    text-decoration: none;
    color: #333
}
.engine_btn a:hover {
    background-color: #c61b31;
    color: #fff
}
.engine_explain_box {
    width: 300px;
    padding: 10px;
    background-color: rgba(198, 27, 49, 0.9);
    box-shadow: 0 0 5px rgba(150, 150, 150, 0.8);
    border-radius: 5px;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 9999
}
.engine_explain_title {
    font-size: 18px;
    color: #000;
    padding: 10px 0;
    border-bottom: 1px #991022 solid
}
.engine_explain_txt {
    padding: 10px 0;
    line-height: 21px
}
.pointer {
    cursor: pointer
}
#enginePoint {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
#engineContentCapability {
    margin-bottom: 10px
}
#exteriorImg div {
    display: none
}
#exteriorText {
    color: #fff;
    text-shadow: 0 0 5px #333;
    display: none;
    background-color: rgba(198, 27, 49, 0.9);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px rgba(100, 100, 100, 0.8);
    padding: 10px;
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 9999
}
#exteriorImg .ponit {
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
#exteriorImg .ponit:hover {
    opacity: 1
}
#insideText {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
#inside_menu a {
    cursor: pointer
}