@charset "utf-8";
.area-list .col-l{width:116px;float:left;_overflow:hidden;}
.area-list .col-r{width:842px;float:left;background:#f6f8f9;border:1px #d0d9e0 solid;padding:20px 0px 32px 0px;}

/* 车型图片左侧导航 */
.area-list .col-l ul{margin-bottom:8px}
.area-list .col-l ul a{width:117px;height:66px;position:relative;z-index:2;line-height:300px;float:left;overflow:hidden;}
.area-list .col-l ul a.nav-facade{background:url(sprite_autoimg.png) no-repeat;height:67px;}
.area-list .col-l ul a.nav-interior{background:url(sprite_autoimg.png) no-repeat 0px -67px}
.area-list .col-l ul a.nav-details{background:url(sprite_autoimg.png) no-repeat 0px -133px}
.area-list .col-l ul a.nav-color{background:url(sprite_autoimg.png) no-repeat 0px -199px}
.area-list .col-l ul a.nav-official{background:url(sprite_autoimg.png) no-repeat 0px -265px}
.area-list .col-l ul a.nav-drive{background:url(sprite_autoimg.png) no-repeat 0px -331px}
/* 鼠标经过效果 */
.area-list .col-l ul a.nav-facade:hover{background:url(sprite_autoimg.png) no-repeat -119px 0px;}
.area-list .col-l ul a.nav-interior:hover{background:url(sprite_autoimg.png) no-repeat -119px -67px}
.area-list .col-l ul a.nav-details:hover{background:url(sprite_autoimg.png) no-repeat -119px -133px}
.area-list .col-l ul a.nav-color:hover{background:url(sprite_autoimg.png) no-repeat -119px -199px}
.area-list .col-l ul a.nav-official:hover{background:url(sprite_autoimg.png) no-repeat -119px -265px}
.area-list .col-l ul a.nav-drive:hover{background:url(sprite_autoimg.png) no-repeat -119px -331px}
/* 鼠标点击后效果 */
.area-list .col-l ul .current a.nav-facade, .area-list .col-l ul .current a.nav-facade:hover{background:url(sprite_autoimg.png) no-repeat -238px 0px;width:128px;}
.area-list .col-l ul .current a.nav-interior, .area-list .col-l ul .current a.nav-interior:hover{background:url(sprite_autoimg.png) no-repeat -238px -67px;width:128px;}
.area-list .col-l ul .current a.nav-details, .area-list .col-l ul .current a.nav-details:hover{background:url(sprite_autoimg.png) no-repeat -238px -133px;width:128px;}
.area-list .col-l ul .current a.nav-color, .area-list .col-l ul .current a.nav-color:hover{background:url(sprite_autoimg.png) no-repeat -238px -199px;width:128px;}
.area-list .col-l ul .current a.nav-official, .area-list .col-l ul .current a.nav-official:hover{background:url(sprite_autoimg.png) no-repeat -238px -265px;width:128px;}
.area-list .col-l ul .current a.nav-drive, .area-list .col-l ul .current a.nav-drive:hover{background:url(sprite_autoimg.png) no-repeat -238px -331px;width:128px;}

.area-list .col-l ul .current a{cursor:default;}

.area-list .col-l p{padding:5px 10px 5px 0px;text-align:right}
.area-list .col-l p a{color:#336699}
/* 车型图片右侧图片列表 */
#area-list .col-r .mod{width:792px;margin:0px auto;}
#area-list .col-r h3{margin:0px 13px 7px 0px;text-align:right;}
#area-list .col-r h3 span{background:url(sprite_autoimg_ico.png) no-repeat 0px -31px;height:16px;line-height:18px;display:inline-block;padding-left:20px;color:#666;}
#area-list .hd{height: 21px;margin-bottom: 10px;}
#area-list .hd .yeartype_block{float: left;height: 21px;margin: 0 0 0 13px;_display:inline;}
#area-list .hd .yeartype_block select{height: 21px;width:200px;border:1px #D5DAE0 solid; }
#area-list .hd .yeartype_block .s1{width: 95px;}
#area-list .hd .more{float: left;line-height: 21px;margin-left: 10px;color: #333;}
#area-list .hd .time{float: right;line-height: 21px;margin-right: 14px;color: #AEAEAE;_display:inline;}
/* 图片列表 */
#area-list .col-r .bd li{float:left;margin:7px 13px;display:inline;width:172px;height:156px;overflow:hidden;}
#area-list .col-r .bd a{width:162px;height:154px;overflow:hidden;border:1px #d5dae0 solid;background:#fff url(../img/loading.gif) no-repeat center center;float:left;padding:0px 4px;}
#area-list .col-r .bd a:hover{border:2px #549de5 solid;height:152px;text-decoration:none;padding:0px 3px;box-shadow:3px 3px 4px #c3cfda}
#area-list .col-r .bd h4{background:url(sprite_autoimg_ico.png) no-repeat 0px 0px;padding-left:23px;color:#307093;margin:8px 0px 4px 0px}
#area-list .col-r .bd a:hover h4{color:#BA2636;margin-top:7px;}
#area-list .col-r .bd img{width:160px;height:120px;overflow:hidden;border:1px #dedede solid;}

#area-list .col-r .bd .gt-img a{padding-top:4px;height:150px}
#area-list .col-r .bd .gt-img a:hover{padding-top:3px;height:149px}

#area-list .col-r .ft{padding:0px 13px;margin-top:5px}
#area-list .col-r .ft nobr{height:30px;float:left}
#area-list .col-r .ft a{color:#4a7091;background:#fff url(sprite_autoimg_ico.png) no-repeat 5px 5px;padding:6px 4px 0px 25px;height:16px;border:1px #a5b8c8 solid;float:left;margin:3px 17px 3px 0px;text-decoration:none;}
#area-list .col-r .ft a:hover{color:#BA2636;background:#fff url(sprite_autoimg_ico.png) no-repeat 4px 4px;padding:5px 3px 0px 24px;height:15px;border:2px #549de5 solid;box-shadow:3px 3px 4px #c3cfda;}


.line{height:7px;overflow:hidden;margin-top:6px;background:url(../img/line.png) repeat-x left top;float:left;width:100%}

/* 车身颜色页 */
#car-colors .mod{width:802px;margin-left:18px;}
#car-colors .col-r h3{background:url(sprite_autoimg_ico.png) no-repeat 0px -31px;height:16px;line-height:18px;padding-left:30px;font-size:14px;font-weight:bold;}
#car-colors .col-r h3 span{margin-left:8px;color:#999;font-size:12px;font-weight:normal;}
#car-colors .col-r h3 em{color:#cc0000;font-family:Arial,"宋体",serif;margin:0px 7px;font-size:14px;}
#car-colors .col-r .bd{padding-top:17px;}
/* 车身颜色滚动 */
.l-btn{width:26px;height:62px;line-height:300px;overflow:hidden;float:left;background:url(sprite_autoimg_btn.png) no-repeat;cursor:pointer;display:none;}
.l-btn:hover{background-position:0 -65px;}
.l-btn:active{background-position:0 -194px;}
.l-btn-disable,.l-btn-disable:hover{background-position:0 -130px;}
.r-btn{width:26px;height:62px;line-height:300px;overflow:hidden;float:left;background:url(sprite_autoimg_btn.png) no-repeat -30px 0px;cursor:pointer;display:none;}
.r-btn:hover{background-position: -30px -65px;}
.r-btn:active{background-position:-30px -194px;}
.r-btn-disable,.r-btn-disable:hover{background-position:-30px -130px;}
.colors-main{float:left;width:734px;overflow:hidden;margin:0px 16px 0px 0px;display:inline;position:relative;margin-left:-15px;}
.colors-main .ScrCont{width:1500px;}
.colors-main li{float:left;margin-right:4px;display:inline;cursor:pointer;border:1px #d4dce3 solid;background:#fff;width:80px;height:60px;position:relative;z-index:3;}
.colors-main .li-hover{border:2px #549de5 solid;width:78px;height:58px;overflow:hidden;}
.colors-main li p{display:none;}
.colors-main li img{width:80px;height:60px;overflow:hidden;}
.colors-main .li-hover img{margin-left:-1px;margin-top:-1px;}
.colors-main li.current{background:#fff;position:relative;z-index:3;border:1px #d4dce3 solid;width:80px;height:60px;overflow:hidden;}
.colors-main li.current img{margin-left:0px;margin-top:0px;}
.colors-main li.current p{text-align:center;font-size:14px;font-weight:bold;margin-top:13px}
.colors-thumb-c{position:absolute;z-index:5;top:12px;left:-2px;border:0px;height:31px;overflow:hidden;}
.colors-thumb{float:left;height:21px;border:1px #fff solid;background:#fff;color:#fff;padding:8px 26px 0px 12px;font-size:14px;font-weight:bold;}
.colors-triangle-b{position:absolute;right:-1px;top:-1px;border-left:17px dashed transparent;border-right:17px solid #fff;border-top:17px dashed transparent;border-bottom:17px dashed transparent;height:0;width:0;font-size:0;overflow:hidden;}
.colors-triangle{position:absolute;right:-1px;top:0px;border-left:16px dashed transparent;border-right:16px solid #fff;border-top:16px dashed transparent;border-bottom:16px dashed transparent;height:0;width:0;font-size:0;overflow:hidden;}
/* .colors-thumb{background:url(../img/autoimg_colors_on2.png);height:31px;text-align:center;line-height:31px;font-size:14px;font-weight:bold;color:#FFF;vertical-align:top;margin:0;}
.colors-thumb-main{background-position:top left;display:inline-block;padding-left:33px;}
.colors-thumb-right{background-position:top right;display:inline-block;width:42px;} */
#colors-scroll{position:relative;z-index:2}
.colors-main-ul{height:62px;margin-left:15px;}
.colors-border-box{border:2px solid #db7123;width:78px;height:58px;overflow:hidden;position:absolute;z-index:4;top:0;left:15px;}

.colors-cur-prev{display:block;position:absolute;z-index:4;top:0px;left:0px;height:600px;width:400px;overflow:hidden;background:url(../img/bg06.png);}
.colors-prev{display:block;height:100%;width:100%;cursor:url(../img/prev.cur), auto;}
.colors-cur-next{display:block;position:absolute;z-index:15;top:0px;right:0px;height:600px;width:400px;overflow:hidden;background:url(../img/bg06.png);}
.colors-next{display:block;height:100%;width:100%;cursor:url(../img/next.cur), auto;}

#car-colors .ft{border:1px #d0d9e0 solid;background:#fff;width:800px;height:600px;position:relative;z-index:1;margin-top:4px}
#car-colors .ft .pannel{display:none;}
#car-colors .ft .on{display:block;}
#car-colors .ft img{width:800px;height:600px;position:absolute;top:0;left:0;background:url(../img/loading.gif) no-repeat center center;}
.colors-abstruct{position:absolute;top:6px;right:15px;color:#999;line-height:18px;font-family:Arial}
.colors-abstruct h5{background:url(sprite_autoimg_ico.png) no-repeat 0px -62px;height:16px;_height:auto;padding:3px 0px 0px 18px;color:#cc6633;}
.colors-abstruct p{padding-left:18px;}