/* BASIC css start */
.wib-look {padding:100px 50px 140px; text-align:center;}
.wib-look h3 {font-size:32px; font-weight:400; line-height:1; padding-bottom:10px; letter-spacing:0.05em; color:#2c2c2c; }
.wib-look ul {overflow:hidden;}
.wib-look ul li {width:calc(33.3% - 13.33px ); margin:50px 20px 0 0; float:left; text-align:left; }
.wib-look ul li:nth-child(3n) {margin-right:0;}
.wib-look ul li a {display:block; width:100%;  }
.wib-look ul li a .img {position:relative;}
.wib-look ul li a .img img {width:100%;}
.wib-look ul li a .img .viewmore {opacity:0; visibility:hidden; transition:all 0.4s; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.6); display:flex; justify-content:center; align-items:center;}
.wib-look ul li a .img .viewmore p {width:300px; height:300px; display:inline-block; border:1px solid #e5e5e5; border-radius:50%; text-align:center;  position:relative; display:table; }
.wib-look ul li a .img .viewmore p span {font-size:20px; font-weight:500; color:#fff; line-height:22px; display:table-cell; vertical-align:middle;}
.wib-look ul li a .img .viewmore p::before {content:''; display:block; width:80px; height:1px; background:#e5e5e5; position:Absolute; top:50%; right:-20px; z-index:10; transition:all 0.8s;}
.wib-look ul li a .img:hover .viewmore {opacity:1; visibility:visible;}
.wib-look ul li a .img:hover .viewmore p::before {right:-40px;}
.wib-look ul li a .txt {padding-top:10px; font-size:15px; font-weight:400; color:#505050; line-height:1; }



















/* BASIC css end */