/**
 * Created by qiterqi on 14-10-8.
 */
.device_scroll_hor{
    overflow: hidden;
}
.swiper-container_hor{
    position: relative;

    /*
    border-top: 1px solid #b0c8ec;
    border-bottom: 1px solid #b0c8ec;
    border-left: 1px solid #b0c8ec;
    border-right: 1px solid #b0c8ec;*/

 }
.swiper-container_hor .swiper-scrollbar {
   /* 隐藏  横向 滑动滚动条 */
    display: none;

}
.swiper-container_hor .swiper-wrapper{
    overflow:hidden;
}
.swiper-container_hor .swiper-wrapper .swiper-slide{


}

.swiper-container_hor .swiper-wrapper .swiper-slide span {
    display: inline-block;/*将行内元素改变为行内块元素显示*/
    height: 100%;/*使用元素高度和图片容器高度一样*/
    vertical-align: middle;/*垂直对齐*/
}

.swiper-container_hor .swiper-wrapper .swiper-slide img{
    /*margin-top: -40px;*/
    vertical-align:middle;
    max-width: 100%;
    border:none;
    width: auto\9; /* ie8 */
    /*height: auto;*/
}


/*=================================================================*/
/*图释容器定义*/
.swiper_pic_comments{
    position: absolute;
    left: 0;
    bottom: 29px;
    width:100%;
    color:#fff;
    font-size: 16px;

}

.swiper_pic_comments .title{

    height:30px;
    line-height: 30px;
    text-align: left;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAYAAAC9WOV0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA1ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iMEU1NDJDMzJCREQ0QUUzNDE5MUU2ODk1NEZFNkQ4MTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFCMzFDNDM1RjRFMTFFNDkzMEVEMTYxMjdCOUJFRTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFCMzFDNDI1RjRFMTFFNDkzMEVEMTYxMjdCOUJFRTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTQ0OEExNjk5NUFFNDExODAxQ0UxOUZGNkNCM0RCMyIgc3RSZWY6ZG9jdW1lbnRJRD0iMEU1NDJDMzJCREQ0QUUzNDE5MUU2ODk1NEZFNkQ4MTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56goieAAAAFUlEQVR42mJgYGBoYAISDANKAAQYAE+9ALXmH0s3AAAAAElFTkSuQmCC") center center repeat-x;background-size:100% 35px;

}
.swiper_pic_comments .title .pLeft
{
    display: inline-block;
    float: left;
    padding-left: 10px;
    color:#fff;
}
.swiper_pic_comments .title .pRight
{
    display: inline-block;
    float: right;
    padding-right: 10px;
    color:#fff;
}

.swiper_pic_comments .msg{
    padding: 5px;

}
.swiper_pic_comments .msg span{

}
.swiper_pic_comments .ctrl_alert{

    text-align:center;
}
.swiper_pic_comments .ctrl_alert span{
    padding: 5px;
    height: 30px;
    line-height: 30px;
    vertical-align:middle;
    background: #2c4bae;
}
/*图释小圆点定义*/
.swiper_pic_comments .controls_page{

    display: table;
    width: 100%;

}
.swiper_pic_comments .controls_page .pointLayer{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width: 100%;
    height: 30px;
}

.swiper_pic_comments .controls_page .pointLayer .active{
    display:inline-block;
    width: 14px;
    height: 14px;
    margin: 3px 11px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background-color: #555555;
}

.swiper_pic_comments  .controls_page .pointLayer .point{
    display:inline-block;
    width: 6px;
    height: 6px;
    margin: 7px 11px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #bcbcbd;
}



.galleryBtn{
    position: absolute;
    top:30%;
    z-index: 0;
    width:100%;
    height:0;
}
.galleryBtn span{
    display: block;
    width:60px;
    height:60px;
    line-height:60px;
    font-size: 25px;
    text-align: center;
    vertical-align: middle;
    background:#333;
    background: rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 32px;
}
.galleryBtn span:hover{
    cursor:pointer;
    background: #333;
    background: rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px 32px;
}
.galleryBtn .ctrl_left,
.galleryBtn .ctrl_left:hover
{
    float: left;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWpJREFUeNq01j8vBEEYx/FbRCF3rhCNSO4irtSgohCVnISIUJALDVrX0xEtJZ0oV6XwGqiERBQqxfESSPzJ+j4ym8jau9uZeUzyaW4nv5udPPPMBlEU5f5jdChkTCL886us2MM4XjCVfOYTOoJnzKQ9dw2toIGFZnNcQst4wmqrebahg3jERru5NqH9eMB2lvlZQ4u4xU7WhWSZVMA19m22LWhz8npwiTvUbU5Nq+BuXKCBLTlLGsGdOMcb1vCl0Ssk9Ez+FOsuoTK6km+AY/RhHp+unSkZfIgKZvHu1fN+lcieKatez473I22PA41Gn6wK2YpRVPGqGSyrPUEJcz77nFbHUm6nKGAZH1rBcXhoVlzTOiA5E7SCotmaQPOWltUuYQhHPnXcTB5XOLCpY5tGf4Nd7eD4arpHXTtYDJjLdFM7WJTM9V/TDhbD5oNlUTs4/sSS8Kp2sBgzH4XT2sFiAqHt9e88vgUYALd97kTXaISxAAAAAElFTkSuQmCC");



}
.galleryBtn .ctrl_right,
.galleryBtn .ctrl_right:hover
/*.galleryBtn span:last-child*/{
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAiCAYAAABbXymAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNq01k8rBVEYx3Ezd1hIKClJSqGEjbJQStmom24kFureFbY3a9nIwkYWFmyklA0rG28BG1E3Cyvlz0uQROP71KOm251rzszj1Gcxp9Ov6XTO8xwvDMOG/xh+1fc5JkyS5Y8jpvGGsap5Z7Um83jBiHWwWMAz+q2DRRFP6LUOFmt4RLd1sFhHBZ3WwWITt2izDhY7uEJLkvWe483bxzBm8V5voWuwhyN0YQ6fVsEycjhFI5bwnaRWJBkSVEKA47gMP2WJkS1Y1C050C0yCf4Nl30ewu5f1S0NOds32IrO+xaVVwVZT0V0NOMS9yhbBTfhAq9Y1b/OHJzTNvaBYq2z7KcMPdEjVoq7IIFjqIQdogMFfMUtdA3ewwDy9eqE6znexjVaLevxBu7Qblnoy3iwbk0r2kx7LJvpsrb/Psv2P69PrUHLB8uMho5aPrGmNHTc+lF4hkmDGp25bMaOHwEGALTH7Fg7WNhfAAAAAElFTkSuQmCC");

}


/*=================================================================*/


@media only screen and (max-width : 767px){

    .swiper-container_hor{

    }

    .swiper-wrapper {

        position:relative;
        width:100%;

        -webkit-transition-property:-webkit-transform, left, top;
        -webkit-transition-duration:0s;
        -webkit-transform:translate3d(0px,0,0);
        -webkit-transition-timing-function:ease;

        -moz-transition-property:-moz-transform, left, top;
        -moz-transition-duration:0s;
        -moz-transform:translate3d(0px,0,0);
        -moz-transition-timing-function:ease;

        -o-transition-property:-o-transform, left, top;
        -o-transition-duration:0s;
        -o-transform:translate3d(0px,0,0);
        -o-transition-timing-function:ease;
        -o-transform:translate(0px,0px);

        -ms-transition-property:-ms-transform, left, top;
        -ms-transition-duration:0s;
        -ms-transform:translate3d(0px,0,0);
        -ms-transition-timing-function:ease;

        transition-property:transform, left, top;
        transition-duration:0s;
        transform:translate3d(0px,0,0);
        transition-timing-function:ease;

    }

    .swiper-slide {
        float: left;
    }

    /*小圆点区域，设置背景颜色------------最终设置图片浏览区域的时候，还是要加上这个部分背景颜色*/
    .swiper_pic_comments{
       bottom: 0px;
    }



}


/*  qt add ----------- and (max-width : 1920px) */
@media only screen and (min-width:768px) {
    .swiper-container_hor{
    }
    .swiper-wrapper {
        position:relative;
        width:100%;
        height: auto;
        min-height:320px;
    }
    .swiper-slide {
        float: none;
        /*overflow: hidden;*/
    }
    .swiper-slide img{
        width : auto;
        vertical-align: middle;
    }
    .swiper-slide .loadingTxt{
        display: block;
    }
    .swiper_pic_comments .msg{
        height: 30px;
    }

}/*  |xGv00|a94b706dc40fd14c6c0d22aebbd105d2 */