a:hover{ text-decoration:none;}
.body_overly{ width:100%; height:100%; position:fixed; background:#000; opacity:0.6; left:0; top:0; z-index:9;}
.modal_wrp{ width:100%; height:100%; position:fixed; text-align:center; display:table; left:0; top:0; z-index:99;}
.modal_inr{ width:942px; background:#FFF; position:absolute; left:18%; top:5%; text-align:left; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  -webkit-transition: all 0.2s ease-in-out ; -moz-transition: all 0.2s ease-in-out ; transition: all 0.2s ease-in-out; margin:2% auto; left:0; right:0;}
.bigimg_wrp{ width:712px; float:left; padding:0 15px;}
.thumbimg_wrp{ width:230px; float:left; padding:0 15px;}
.forclsewrp{ width:100%; float:left; position:relative;}
.bigimg_wrp, .thumbimg_wrp{ padding:20px 15px 15px 15px;}
.thumbimg_wrp{ background:#efefef; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:0px; -webkit-border-bottom-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px; }
.rest_name{ width:100%; float:left; border-bottom:1px solid #dcdcdc; padding:0 0 10px 0;}
.rest_n_dt{ width:40%; float:left;}
.rstmainname{ font-size:18px; color:#222; margin:0 10px 0 0;}
.rest_addr{ font-size:14px; color:#474747;}
.count_wrp{ width:18%; float:right; font-size:15px; color:#438dd2; padding:4px 0 0 0; text-align:right;}
.current_cnt{padding:0 3px 0 0;}
.big_img_wrp{ width:100%; float:left;text-align:center; padding:15px 0; border-bottom:1px solid #dcdcdc; position:relative; height:440px;}

.imgotr{ -webkit-transition: all 0.2s ease-in-out ; -moz-transition: all 0.2s ease-in-out ; transition: all 0.2s ease-in-out ; }
.big_img_wrp img{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  max-width:600px; -webkit-transition: all 0.2s ease-in-out ; -moz-transition: all 0.2s ease-in-out ; transition: all 0.2s ease-in-out ; max-height:440px;}
.cntrls{ width:100%; position:absolute; top:45%; padding:0 15px;}
.cntrls .cntrl_left{ float:left; background-position: 0 0; width: 19px; height: 53px;}
.cntrls .cntrl_right{ float:right; background-position:-40px 0; width: 19px; height: 51px;}
.ppftr_wrp{ padding-top:15px; line-height:15px; font-size:20px; color:#666;}
.ppftr-left{ width:81%; float:left; margin: 9px 0 0; color:#747474; font-size:18px; color:#747474}
.like_cnt{ float:right; width:18%; text-align:right;}
.lkewrp{display:table; text-align:right;}
.glrysprite{ background:url('//content.jdmagicbox.com/automobiles/static/gallery_sprite@1x.png') no-repeat;}
.likeicon{ background-position:-69px -57px; display:inline-block; width: 21px; height: 30px; margin-right:10px;}
.likenbr{ display: table-cell; height:34px; vertical-align:middle; margin:0 0 0 5px; font-size:17px; color:#848484}
.mobile_header{ width:100%; float:left; padding:10px 10px; background:#000; position:fixed; z-index:999999; display:none;}
.gobackhdr{ float:left; background-position:0 -65px; width: 11px; height: 21px;}
.title_wrp{ float:left; width:86%; text-align:center; font-size:18px; color:#f1f1f1;}
.clsegallery{ float:right; background-position:-71px -14px; width: 14px; height: 14px; padding:15px;}

.clse_g_wrp{ width:100%; float:left; text-align:right; margin-bottom:22px;}
.thmb_img_wrp{ width:100%; float:left;overflow:auto;}
.foscrlbar {height:430px;}
.tmbimg_otr{ background: #fff none repeat scroll 0 0; border: 1px solid #999; float: left; height: 83px; line-height: 83px; margin: 5px; 
width: 83px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.tmbimg_otr img{ max-width:100%; max-height:100%;}
.actthumb{ border:2px solid #448fd0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.gridicn_wrp{ width:100%; float:left; text-align:center; border-top:1px solid #ccc; margin-top:10px; padding:12px 0 13px 0;}
.gridwrp{ display:table; width:100%; text-align:center;}
.gridicn{ background-position: -78px -94px; display:inline-block; height: 20px; margin: 5px 3px 0 0; width: 15px;}
.grdtxt{ color: #848484; display: inline-block; font-size: 17px; line-height: 0; display:table-cell; vertical-align:middle;}
.gray_hiderwrap{ width:100%; float:left; padding-bottom:35px;}
.restoname_wrp{ width:80%; float:left; display:none;}
.restoname{font-size:font-size:18px; color:#222;}
.clse_pop{background-position: -69px -12px; width: 14px; height: 14px; float:right; position:absolute; right:10px; top:15px; padding:15px;}
.restoname{ font-size:18px; color:#222; margin:0 10px 0 0;}
.getbdr{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d3d3d3; padding-bottom:10px !important; height:auto !important;}
.clickcount{ width:19%; float:left; text-align:right; margin:5px 0 0 15px;}
.clickcount span{padding:0 2px; font-size:15px; color:#438dd2} 
.imgwrp img{ transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease;}

.imgotr{display:table; /*width:100%;*/ height:100%; vertical-align:middle; float:none; margin: 0 auto;}
.imgotr .imgwrp{display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%; }
.imgotr .imgwrp img{ width:100%;}
.full_all{ width:100%; background:#efefef; border-top-left-radius:10px; border-bottom-right-radius:10px; border-radius:10px;  -webkit-border-bottom-left-radius:10px; -webkit-border-top-left-radius:10px;}
.full_all .thmb_img_wrp .tmbimg_otr{ float: left; height: 112px; line-height: 112px; text-align: center; width: 112px;}
.full_all .thmb_img_wrp .tmbimg_otr img{ max-width:100%; max-height:100%;}
.nolistview{ display:none;}
.full_all .rstmainname, .full_all .rest_addr{ float:left; width:100%; text-align:left;}
.full_all .clse_g_wrp{ margin-bottom:10px; border-bottom:1px solid #d3d3d3; padding-bottom:10px;}
.full_all .gridicn_wrp{ padding-top:4px;}
.modal_full{ width:700px; left:27%; -webkit-transition: all 0.2s ease-in-out ; -moz-transition: all 0.2s ease-in-out ; transition: all 0.2s ease-in-out ;}
.thmb_img_count{ width:100%; float:left; text-align:center; display:none; font-size:15px; color:#848484}


.mCSB_scrollTools .mCSB_draggerRail{ width:5px; background:#ccc;}
.mCSB_scrollTools{width:5px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:5px; background:#a1a1a1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{ background:#a6a6a6;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#a6a6a6}
.mCSB_scrollTools{ right:3px;}
.mCSB_inside>.mCSB_container { margin-right: 5px !important;}
.mCSB_scrollTools {width: 5px;}
/* .slider_wrp{float: left; height: 430px; overflow: hidden; width: 100%; position:relative;}
.sldr_otr{display: block; float: left; position: relative; width: 100%;}
.sldermain_in{left: 50px; position: absolute; white-space: nowrap; left:0; padding:0;} */

/* .slider_wrp2{float: left; height: 90px; overflow: hidden; width: 100%; position:relative;}
.sldr_otr2{display: block; float: left; position: relative; width: 100%;}
.sldermain_in2{left: 50px; position: absolute; white-space: nowrap; left:0; padding:0;} */

.slider_wrp2{float: left;
    height: 90px;
   /*  overflow: hidden; */
    position: relative;
    width: 100%;}



.mblecntrls{ position:absolute; left:0; top:40%; width:100%; display:none;}
.smllef{ background-position:0 -65px; float:left; width: 11px; height: 21px;}
.smlrgt{ background-position:-21px -65px; width: 11px; height: 21px; float:right;}
.clsemn{ width:100%; float:right; margin-bottom:10px; display:none;}

/* SMARTPHONES PORTRAIT */
@media only screen and (max-width: 320px) {
.modal_wrp{ position:relative;}
.modal_inr_mobile{ width:100%; float:left;}
.tmbimg_otr{ width:20%;}
.thumbimg_wrp{ background:#FFF;}
.big_img_wrp{ border:0;}
.ppftr_wrp{ border-bottom:1px solid #d3d3d3; float:left; width:100%; padding-bottom:10px;}
.bigimg_wrp, .thumbimg_wrp{ padding-top:2px;}
.modal_inr_mobile .big_img_wrp img {max-width: 285px;}
.modal_inr_mobile .big_img_wrp {height: 224px;}
.modal_inr_mobile .ppftr_wrp{ border-bottom:0;}
.sldr_otr2{ left:3%;}
.full_all .thmb_img_wrp .tmbimg_otr{ width:100px; height:100px;}
.full_all .thmb_img_wrp .tmbimg_otr img{ max-height:100% !important; max-width:100% !important;}
}

/* SMARTPHONES LANDSCAPE */
@media only screen and (max-device-width: 480px) {
.modal_wrp{ position:fixed;}
.modal_inr{ width:100%; border-radius:0; background:#FFF;}
.sldermain_in .tmbimg_otr{width:83px; height:83px; display:inline-block; line-height:83px;}
.thumbimg_wrp{ background:#FFF;}
.big_img_wrp{ border:0;}
.ppftr_wrp{ float:left; width:100%; padding-bottom:10px; text-align:left;}
.bigimg_wrp, .thumbimg_wrp{ padding-top:0px !important; }
/* .thumbimg_wrp{position:fixed; bottom:0; } */
.big_img_wrp img{ max-width: 240px;}
.rest_addr{ float:left;}
.modal_inr_mobile .thumbimg_wrp{ background:#efefef;}
.ppftr-left{ width:68%; float:left;}
.like_cnt{ width:30%; float:right;}
.big_img_wrp {max-height:200px;}
.modal_inr_mobil .tmbimg_otr {width: 50px; height: 50px; float: none; display: inline-block;}
.gray_hiderwrap{ height:0; display:none;}
/*.clse_pop{ display:none;}*/
.sldr_otr2{ float: left; height:90px; overflow-x: auto;  position: absolute; width: 89% !important; padding:0 20px; left:20px;}
.restoname_wrp{ text-align:left;}
.modal_inr .full_all .foscrlbar{ max-height:340px;}
.forclsewrp{ padding-top:15px;}
.gridicn_wrp{ padding-top:3px;}
.modal_inr_mobile .ppftr_wrp{ padding:8px 0 0 0;}
.restoname{ width:100%; float:left;}
.cntrls{ top:39%; padding:0;}
.modal_wrp .modal_inr {left: 0%;top: 0;width: 100%; margin: 0 auto 2% auto;}
.full_all .thmb_img_wrp .tmbimg_otr{ width:100px !important; height:100px !important; line-height:100px !important;}
.mobile_header{ display:block;}
.full_all .thmb_img_wrp .tmbimg_otr img{ max-height:100% !important; max-width:100% !important;}
/*.clickcount{ margin-top:5px !important;}*/
}

/* TABLETS PORTRAIT */
@media only screen and (max-device-width : 768px){
.modal_inr{ width:83%; left:0%;}
.tmbimg_otr{ width:90px; height:90px; float:none; display:inline-block;}
.tmbimg_otr img{ width:100%;}
.big_img_wrp{ border:0;}
.ppftr_wrp{ border-top:1px solid #d3d3d3; float:left; width:100%; padding-bottom:10px;}
.bigimg_wrp, .thumbimg_wrp{ padding-top:15px; width:100%;}
.bigimg_wrp{ padding-top:15px; width:100%}
.mblecntrls{ display:block;}
.full_all .thmb_img_wrp .tmbimg_otr{ width:108px; height:108px;}
.full_all .foscrlbar{height:633px;}
.rstmainname{ width:100%; float:left; text-align:left;}
.clsemn{ display: block;}
.full_all .nolistview{ display:block;}
.mainclose{ display:none;}
/*.clickcount{ margin-top:25px;}*/
.gray_hiderwrap{ padding-bottom:10px; height:0px;}
.restoname{ width:100%; float:left;}
.sldr_otr2{ float: left; height:90px; overflow-x: auto; position: absolute; width: 93%; padding:0 20px; left:20px; z-index:9;}
.sldermain_in2{left: 0;position: absolute; top: 0; white-space: nowrap; z-index: 0; height:100%; overflow-x: auto;}
.thmb_img_wrp .slider_wrp2{ height:100px;}
.thmb_img_wrp .sldr_otr2{height:100px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
.modal_inr, .full_all{ left:0%; width:94%}
.adjwrp{ left:7%;}
.tmbimg_otr{float:none; display:inline-block; height:96px; width:96px; line-height:96px;}
.tmbimg_otr img{ width:100%;}
.modal_full{left: 16%;}
.bigimg_wrp{ padding-bottom:0; width: 700px;}
.thumbimg_wrp{ padding-top:15px; width:262px;}
.modal_inr .full_all{width:100%}
.full_all .thmb_img_wrp .tmbimg_otr{ width:120px; height:120px; float:left;}
.full_all .foscrlbar{ max-height:438px;}
.clsemn{ display:none;}
.clse_g_wrp{ padding-bottom:20px;}
.mblecntrls{ display:none;}
.gray_hiderwrap{ padding-bottom:20px; height:41px;}
.restoname{ width:100%; float:left;}
.sldermain_in2{ height:auto; float:left}
.sldr_otr2{ float: left; height: 120px; overflow-x: auto; position: absolute; width: 93%; padding:0 20px; left:20px;}
.sldermain_in2{left: 0;position: absolute; top: 0; white-space: nowrap; z-index: 0; height:100%;}
/* .thmb_img_wrp { margin-top:38px;} */
}