/*圆角头部*/
.tit-b{ height:30px; background:url(../images/view-details/tit_b.gif) repeat-x 0 -108px ; width:100%; overflow:hidden;}
.tit-b h2{ float:left; width:160px; text-indent:12px; color:#fff; font-size:12px; font-weight:normal; line-height:30px; background:url(../images/view-details/tit_b.gif) no-repeat 0 -78px ;}
.tit-b span{ float:right; width: 110px; height:30px; background: url(../images/view-details/tit_b.gif) no-repeat 103px -138px;}
/*圆角底部*/
.foot-b{ background:url(../../common/images/common/foot_bg.png) repeat-x left top; width:100%;height:6px; overflow:hidden;}
.foot-b h2{ background:url(../../common/images/common/foot_left.png) no-repeat left top; width:6px;height:6px; float:left;}
.foot-b span{  display:inline-block; background:url(../../common/images/common/foot_right.png) no-repeat right top; width:6px;height:6px; float:right;}
/*slide*/
.fl{ float:left}
.fr{ float:right}
.up-main{margin:0 0 10px 0;}
.slide{ width:341px; height:267px; position:relative;  z-index:1; float:left;}
.slide-pic {width:327px; height:253px; overflow:hidden;padding:6px;border:1px solid #999;}
.slide-pic img { width:327px; height:253px;}
.slide-pic li span{ width:40px; height:20px; line-height:20px; position:absolute; display:block; right:0px; top:0px; cursor:pointer; text-align:center; color:#094889; font-weight:bold; display:none;}
.slide-pic li {display:none;}
.slide-pic li.on {display:block;}
.slide-txt {position:absolute; bottom:12px; right:8px; height:20px; width:300px;}
.slide-txt li {float:left; margin-right:5px; width:20px;  color:#fff; font-size:12px; height:20px; display:block; cursor:pointer; overflow:hidden; text-align:center; line-height:20px;}
.slide-txt li.on { color:#fff; font-weight:bold; background:url('../images/store-repairshop/icon_numbluebg.png') no-repeat left top;}
.new-activity { float:right; width:591px;}
.new-activity .tit-b{ background:url(../../common/images/jj/tit_b.gif) repeat-x 0px -84px; height:28px;}
.new-activity .tit-b h2{ background:url(../../common/images/jj/2index.gif) no-repeat -27px -50px;padding-left: 5px;}
.new-activity .tit-b span{ background:url(../../common/images/jj/tit_b.gif) no-repeat 103px -112px; height:28px; line-height:28px; width:100px; text-align: right; padding-right:10px;}
.activity { border:1px solid #999;border-top:0; border-bottom:0;height:218px; padding:15px 15px 0 15px;}
.activity .left-activity { float:left; width:275px; padding-right:5px; border-right:1px dotted #999;}
.activity .right-activity { float:right; width:270px;}
.activity .left-activity div{ height:65px; padding-bottom: 5px}
.activity .left-activity div h3{ font-weight:bold; font-size:13px; margin-bottom:3px;}
.activity .left-activity div p{ line-height:1.5em;}
.activity .right-activity div{ height:65px; padding-bottom: 5px}
.activity .right-activity div h3{ font-weight:bold; font-size:13px; margin-bottom:3px;}
.activity .right-activity div p{ line-height:1.5em;}


/*rec*/

.down-main{position:relative;}
.down-main .tit-b{ background:url("../images/store-repairshop/bg_onepxbottomblue.png") repeat-x left top}
.down-main .tit-b h2{background:url("../images/store-repairshop/titi_left.png") no-repeat left top;width:7px;}
.down-main .tit-b span{background:url("../images/store-repairshop/titi_right.png") no-repeat right top; display:block; overflow:hidden;float:right; height:26px;padding-top:4px;}
.down-main .tit-b span img{ vertical-align:middle; margin-right:10px;}
.down-main .tabs{ position:absolute; top:4px; left:10px; height:25px; width:380px; float:left;}
.down-main .tabs li{ float: left; height:25px; margin-left:8px; margin-right:15px; padding:0 5px; line-height:25px; color:#000; font-weight:bold; cursor:pointer;}
.down-main .tabs li.on{ background:url(../images/view-details/tab_bg.gif) no-repeat 0 -51px; margin-left:0px; }
.down-main .tabs li.on span{ display:inline-block; color:#fff;  background:url(../images/view-details/tab_bg.gif) no-repeat right -77px; height:25px; padding:0 10px 0 10px; }

.com-side{border:1px solid #99a5ab; border-top:0;border-bottom:0;  width:920px; padding:10px;}
.com-side .tabmain{ display:none; }
.com-side .tabmain .top-section{ border-bottom:1px dotted #999; margin-bottom:10px;padding: 15px 0 15px 15px;}

.com-side .tabmain .top-section .shop-name{ float:left;width:440px;}
.com-side .tabmain .top-section .shop-name p.shop-title{ font-size:14px; font-weight:bold; margin-bottom:15px; }
.com-side .tabmain .top-section .shop-name p.shop-title span.share{ margin-left:120px; display:inline-block; }
.com-side .tabmain .top-section .shop-name p{ margin-bottom:10px;}
.com-side .tabmain .top-section .shop-name p span{ display:inline-block;margin-right:10px;  vertical-align:middle;}
.com-side .tabmain .top-section .shop-name p span.addres-span{ width:305px;}
.com-side .tabmain .top-section .shop-name p span.share{ margin:0;cursor:pointer;}
.com-side .tabmain .top-section .shop-name p.addressline span{ display:inline-block; background:url(../images/comparison/addressline.png) no-repeat left top;  width:273px; height:166px; margin-left:69px;}

.com-side .tabmain .top-section .car-photo{ float:right;width:455px;}
.com-side .tabmain .bottom-section{ margin-left:15px;}
.com-side .tabmain .bottom-section h2{font-size:14px; font-weight:bold; margin-bottom:15px; }
.com-side .tabmain .bottom-section p{ line-height:1.5em; }
.com-side .tabmain .bottom-section p.last-paragraph{ margin-top:20px;}
.com-side .tabmain .bottom-section p.last-paragraph span { display:inline-block;margin-right:10px; color:#ff0000;}
.com-side .tabmain .bottom-section p.last-paragraph a { text-decoration:underline;}

/**********gallery
***************************************************/
.gallery{position:relative;}
.gallery .arrow_up{background:url(../../common/images/gallery/arrow.jpg) no-repeat -32px -100px; margin:15px 0 0 17px; height:19px;padding-left:31px; cursor:pointer; display: inline-block;}
.gallery .arrow_up:hover{background:url(../../common/images/gallery/arrow.jpg) no-repeat -32px -68px;height:19px;padding-left:31px;}
.gallery .arrow_up:active{background:url(../../common/images/gallery/arrow.jpg) no-repeat -32px -34px;height:19px;padding-left:31px;}
.gallery .disable_up,.gallery .disable_up:hover,.gallery .disable_up:active{background:url(../../common/images/gallery/arrow.jpg) no-repeat -32px -4px;}
.gallery .arrow_down{background:url(../../common/images/gallery/arrow.jpg) no-repeat 0px -9px; position:absolute; top: 245px; left: 0; z-index:1; margin-left:21px; height:19px;padding-left:31px;cursor:pointer; display: inline-block;}

.gallery .arrow_down:hover{background:url(../../common/images/gallery/arrow.jpg) no-repeat 0px -41px; position:absolute; height:19px;padding-left:31px;}
.gallery .arrow_down:active{background:url(../../common/images/gallery/arrow.jpg) no-repeat 0px -74px; position:absolute; height:19px;padding-left:31px;}
.gallery .disable_down,.gallery .disable_down:hover,.gallery .disable_down:active{background:url(../../common/images/gallery/arrow.jpg) no-repeat 0px -105px;}
.gallery .showPic{padding: 5px 5px 5px 5px;width: 345px; height: 275px; display: inline-block; overflow: hidden; float: left; margin-right:20px;}
.gallery .showPic img{padding: 5px; border:1px solid #ccc; width: 335px; height: 265px; float:left; display: inline-block;cursor:pointer;}
.gallery .tabsPic{width:68px;float:left; display: block;position: relative;top:5px;}
.gallery .tabsPic .mainbox{width:68px; height:194px; float:left; overflow: hidden; position:relative;margin-top: 8px;}
.gallery .tabsPic .movebox{width:68px; height:18000px; float:left; position: relative; overflow: hidden;}
.gallery .tabsPic ul{width: 68px; overflow: hidden; display: block;}
.gallery .tabsPic ul li{width: 68px; height: 52px; display:block;margin:10px 0;}
.ie7 .gallery .tabsPic ul li{margin:8px 0;}
.ie6 .gallery .tabsPic ul li{margin:8px 0;}
.gallery .tabsPic ul li img{width: 64px; height: 48px; display: block; border:1px solid #ccc; cursor:pointer; padding: 1px;}
.gallery .tabsPic ul li.selected img{border: 2px solid #51a4db;width: 62px; height: 46px;}

.foot-b{ background:url(../../common/images/common/foot_bg.png) repeat-x left top; width:100%;height:6px;}
.foot-b h2{ background:url(../../common/images/common/foot_left.png) no-repeat left top; width:6px;height:6px; float:left;}
.foot-b span{  display:inline-block; background:url(../../common/images/common/foot_right.png) no-repeat right top; width:6px;height:6px; float:right;}


/*======cars-show start=============*/

.com-side .tabmain .cars-show{ margin-bottom:15px;}
.com-side .tabmain .cars-show .mr36{ margin-right:10px;}
.com-side .tabmain .cars-show .grey{ height:2px; overflow:hidden; background:#d8d8d8}
.com-side .tabmain .cars-show .show-info{ width:222px}
.com-side .tabmain .cars-show .show-info .show-info-top{ width:194px; padding:13px; border:1px solid #84909c; background:url(../images/store-repairshop/line_BG.gif) no-repeat 50% bottom}
.com-side .tabmain .cars-show .show-info img{ border:1px solid #d3d3d3; display:block; margin-bottom:10px; width:192px; height:140px;}
.com-side .tabmain .cars-show .show-info{ line-height:22px;}
.com-side .tabmain .cars-show .show-info .name{ display:inline-block; width:40px; font-weight:bold;}
.com-side .tabmain .cars-show .show-info .text{ display:inline-block; width:154px;}
.com-side .tabmain .cars-show .show-info b{ font-size:13px;}
.com-side .tabmain .cars-show .show-info select{ width:154px; line-height:20px; height:20px; font-size:12px;}
.com-side .tabmain .cars-show .show-info .tag{ height:24px; display:inline-block; padding-top:8px; color:#ccc}
.com-side .tabmain .cars-show .show-info .detail,.com-side .tabmain .cars-show .show-info .drive{ display:inline-block; width:55px; background:url(../images/store-repairshop/icon.gif) no-repeat 0 5px; padding-left:20px; line-height:24px;}
.com-side .tabmain .cars-show .show-info .drive{ width:50px; background-position:5px -28px; padding-left:25px; }