/* CSS Document */

.list_carousel {
    width: 970px;
    margin: 0 auto;
    /* position:relative; left:-2px; */
}

.list_carousel .caroufredsel_wrapper,
.list_carousel #carousel {
    padding-bottom: 0px !important;
    /*  200407一時的に高さ追加*/
    height: 326px !important;
}

.list_carousel div#carousel {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    left: -3px;
    overflow: hidden;
}

.list_carousel div#carousel .lensBox {
    display: block;
    float: left;
}

.list_carousel.responsive {
    width: auto;
    margin-left: 0;
}

/* 作品の指定
-------------------*/
.lensBox {
    /*  width: 222px;*/
    background: #fff;
    line-height: 1em;
    margin: 10px;
    position: relative;
}

/* アイコン */
.lensBox span {
    width: 140px;
    height: 20px;
    padding-top: 1px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    background-color:#008dc4;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -70px;
}

/*  .lensBox span {
width: 64px;
height: 20px;
display: block;
background:url(../img/index/newProduct-icon.png) no-repeat;
position:absolute;
bottom:0px;
left:79px
} */
/*
.lensBox span.fa-lens {
background-position:left top;
}
.lensBox span.cctv-lens {
background-position:left bottom;
}
*/
.lensBox span.illumination {
    width: 80px;
    margin-left: -40px;
    /*
    background:url("/img/common/index/newProduct-icon_ill.png") no-repeat;
    background-size: contain;
    background-position:center;
    */
}

.lensBox span.accessories {
    width: 120px;
    margin-left: -60px;
}

.lensBox a {
    display: block;
    padding-bottom: 20px;
}

/* 画像 */
.lensBox .img {
    overflow: hidden;
}

.lensBox .img img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.lensBox .border {
    /*  width: 222px;*/
    border-top: #cacaca 1px solid;
    border-bottom: #cacaca 1px solid;
}

.lensBox h4.title {
    font-size: 14px;
    padding: 12px 18px;
    line-height: 1.2em;
    min-height:40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.lensBox p {
    font-size: 12px;
    line-height: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.lensBox p.focalLength {
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 6px;
}

.heightLine-txt {
    display: block;
    padding: 12px 18px;
    height: 50px;
}

/* 矢印
-------------------*/
a.prev,
a.next {
    width: 26px;
    height: 44px;
    overflow: hidden;
}

a.next img {
    position: relative;
    top: -44px;
}

.prev {
    position: absolute;
    top: 44%;
    left: 0px;
}

.next {
    position: absolute;
    top: 44%;
    right: 0px;
}

a.prev img,
a.next img {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

a.prev:hover img,
a.next:hover img {
    opacity: 0.7;
    position: relative;
    /* behavior: url(http://www.softmachine.jp/deb/kscinema/_html_pc/js/PIE.htc); */
    filter: alpha(opacity=70); /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* ie 8 */
    zoom: 1;
}

/* ページャー
-------------------*/

.pager {
    margin-top: 18px;
    text-align: center;
}

.pager a {
    background: url(https://www.myutron.com/cn/wp-content/themes/myutron2020/img/index/mainimg/pager.png) 0 -9px no-repeat transparent;
    width: 9px;
    height: 9px;
    margin: 0 7px 0 0;
    display: inline-block;
}

.pager a.selected {
    background-position: 0px 0px;
    cursor: default;
}

.pager a span {
    display: none;
}