﻿.commodity-images-mod{float:left;margin-right:30px;margin-bottom:5px}
.commodity-images-mod .large-image-box{width: 642px;height:398px;text-align:center;background:url(/content/img/loading.gif) no-repeat 50% 50%;position: relative;padding-top: 10px;}
.commodity-images-mod .large-image-box img{vertical-align:middle;}
.commodity-images-mod .nav-images{font-size:0;padding:14px 5px 0}
.commodity-images-mod .nav-image{display:inline-block;padding:2px;margin:0 2px;border:2px solid transparent;cursor:pointer;opacity:.5}
.commodity-images-mod .nav-image.active,.commodity-images-mod .nav-image:hover{opacity:1}
.commodity-images-mod .nav-image.active{border-color:#de533c;cursor:default}

.ftinfobanner {
    width: 640px !important;height:398px !important;
}
.ftinfobannerbottom {
    height: 100px; width: 642px; background-color: #f7f8fa; margin-top: 3px;
}

.titlepic {
    float: left;
    width: 126px;
    padding-top: 30px;
    height: 50px;
    line-height: 20px;
    text-align: center;
}

    .titlepic .font01 {
        font-weight:bold;
        font-size:18px; 
        margin-bottom:5px;
    color: #4a4a4a;
    }

       .titlepic .font02 {
        font-size:18px; 
        color:#9d9d9d;
    }

          .titlepic .font03 {
        font-weight:bold;
        font-size:18px; 
        margin-bottom:5px;
    color: #e7141a;
    }

       .titlepic .font04 {
        font-size:18px; 
        color:#e7141a;
    }

.titlepic a:hover{color: white;}
.titlepicret {
    background-color: #0d8cb9;
    cursor: pointer;
}

    .titlepicret:hover {
        background-color: #0c7194;
    }

 
.swiper-pagination {
    left:530px !important; line-height: 20px; height: 20px; opacity: 0.90; padding: 0 3px; max-width: 100px; border-radius: 3px;
    position:absolute;
}
.swiper-pagination-bullet-active {
    background-color:#16a0d3 !important;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 20px;
    height: 5px;
    margin: 0 3px !important;
    cursor: pointer;
    line-height: 6px;
    vertical-align: middle;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    background-color:white;
}
.ftinforight {
    width:538px; float:left;
}
.newtitleinfo p{  
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;}

.newtitle{ 
        clear: both;
    height: auto;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px;
    margin-top: 3px;
    width: auto;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ftinfotitle {
    float:left; max-width:480px;    text-overflow: ellipsis;font-size:24px; font-weight:bold;
    white-space: nowrap; overflow:hidden
}
.ftinforightleft {
    margin-right:15px;
    color:#838383;

}
.ftinforightright {
    color:#010101;
}

.dijijie {
        height: 20px;
    line-height: 20px;
    background-color: #e04242;
    margin: 0 auto;
    padding: 1px 5px;
    background-color: #e04242;
    font-weight: 400;
    color: white;
    font-size: 12px;
    border-radius: 3px;
}

.ftinfoleixing {
    margin-top: 10px;
    height: 29px;
    /* padding-top: 10px; */
}

.btnbook {
    float: left;
    width: 220px;
    height: 45px;
    padding: 0px 8px;
    margin-right: 15px;
    line-height: 45px;
    text-align: center;
    background-color: #2fb3ff;
     border:1px solid #2fb3ff;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
    font-size:18px;
}
.btnbooksm {
   float: left;
    width:100px;
    height: 45px;
    padding: 0px 8px;
    margin-right: 15px;
    line-height: 45px;
    text-align: center;
    background-color: #f4f8fe;
    border:1px solid #2fb3ff;
    color: #2fb3ff;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 10px;
    font-size:16px;
    font-weight:bold;
}
    .btnbook:hover {
        background-color: #2ea4e8;
    }



    
 .spanselecton {cursor: pointer;
     background-color: #fff0f0;
     border: 1px solid #fbc2c2  !important;
     border-radius: 3px;
     padding: 3px 20px; 
 }
  .spanselectoff {cursor: pointer;
     background-color: #f0f0f0;
     border: 1px solid #8590a6  !important;
     border-radius: 3px;
     padding: 3px 20px; 
 }

  .icon-check2{
      position: absolute;right: 0px;bottom: 0px;
      width: 16px;
    height: 16px;
    line-height: 16px;
      float: left;
    display:none;
    vertical-align: middle;
    font-size: 0;
    background: url(/Content/img/icons.png) no-repeat;
    background-position: -112px -72px !important;
}
 
  .seckill_mod_goods_progress_inner {
    width:80px;
    height: 8px;
    background: #ebebeb;
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-left: 5px;
}
 .seckill_mod_goods_progress_completed {
    background: #e01222;
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    height: 11px;
}


     .spanborderleft{border: 1px solid #fff0f0;position: relative; margin-right:15px; }
  .spanborderright{ border: 1px solid #fff0f0;position: relative; }


.ftinfoshengyu {
    position:relative;
}
.ftinfospansess {
    position:absolute; right:120px; bottom:30px;
}

.divtimeleave{ height:75px;width:100%; color: white;cursor: pointer;border-radius: 0px;line-height: 68px; color:#4a4a4a;}
.divtimeleave:hover{transition: all 1s;}


.timeleave01{ text-align: center;margin: 5px auto;float: left;padding-left:30px;margin-right: 10px; font-size:18px; }
.timeleave02{ text-align: right;margin: 5px;margin-right: 12px;float: left;margin-right: 10px;  }
.dayleave {    font-weight: bold;
    font-size: 30px;                                                        float: left;  
    text-align: center;
    width: auto;
    height: 40px;
    /*border-radius: 100%;*/
    /*border: 5px solid #fafafa;*/
    line-height: 40px;
    margin: 15px auto 0px auto;
    /*box-shadow: 0 0 10px #fff;*/
    text-shadow: 0 0 5px #ddd;
    transition: all 2s;  
}

.btnsop {
    clear: both; height: 90px !important; margin: 0 auto; text-align: center; width: auto; padding-left:10px;
}.btngotobtn li{ position: relative; margin-right:20px; padding-left:20px;}

.divleftnum{ float: left;margin-right:16px;height: 120px; }

.ftinfopingfen {
    height:50px;  line-height:50px;
}


.divpinlunnum {font-size: 30px;color:#c8113d;
    position:absolute; top:0px; left:10px;
}

.spancore {
    float: right; margin-right: 10px; color: #d62929; font-size: 20px
   ;font-weight:bold;
}
.divpinglun span {
      font-size: 10px !important;
}
.divpinglun {
    padding: 5px 5px; 
    margin: 0 auto;
    background-color: #fafafa;
    border:1px solid #f0f0f0;
    width: auto;    
    border-radius:5px;
    color:#8590a6 ;
    padding-left:100px;
}
