@charset "utf-8"; /* CSS Document */ .xui-content .varietyTheme-car .con1 .focus1{position:relative;width:100%;height:577px;} .focusCon1{width:1036px;position:relative;margin:0 auto 0;height:500px;padding:380px 0 0 0} .focusCon1 .xuiImgList1{position:absolute;width:9324px;height:500px;overflow: hidden;z-index:0;} .focusCon1 .xuiImgList1 li{float:left;height:500px;width:933px;padding:0 0 0 103px;} .focusCon1 .fBtn1{position:absolute;width:1036px;bottom:26px;left:0px;text-align:center;z-index:1;} .focusCon1 .fBtn1 span{background:url(../images/btns.png) no-repeat;} .focusCon1 .fBtn1 span{display:inline-block;width:11px;height:11px;cursor:pointer;background-position:0 -72px;margin:0 4px;text-indent:-99999em;} .focus1 .flArrow1,.focus1 .frArrow1{width:136px;height:136px;position:absolute;top:565px;z-index:8;cursor:pointer;} .focus1 .flArrow1{background:url(../images/arrowBtn_bg_left_a.png) no-repeat;left:100px;transition: all ease .3s;} .focus1 .frArrow1{background:url(../images/arrowBtn_bg_right_a.png) no-repeat;right:100px;transition: all ease .3s;} .focus1 .flArrow1:hover{background:url(../images/arrowBtn_bg_left_b.png) no-repeat;transition: all ease .3s;} .focus1 .frArrow1:hover{background:url(../images/arrowBtn_bg_right_b.png) no-repeat;transition: all ease .3s;} .focus1 .focus_carMedia{position:absolute;width:100%;height:577px;top:350px;;z-index:7;} .focus1 .focus_carMedia img{ max-width: 100%; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .focus1 .focus_lightMask{position:absolute;z-index:6;height:1080px;width:100%;background:url(../images/vt_bg4_mask.png) 50% 50% no-repeat;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;} .focusCon1 .fBtn1 .curr1{background-position:0 -84px; }