.view {   float: left;   overflow: hidden;   position: relative;   text-align: center;   -webkit-box-shadow: 1px 1px 2px #e6e6e6;   -moz-box-shadow: 1px 1px 2px #e6e6e6;   box-shadow: 1px 1px 2px #e6e6e6;   cursor: default;   background: #fff;z-index: 1;overflow: hidden;}.view .mask,.view .content {width: 100%;height: 100%;position: absolute;overflow: hidden;top: 0;left: 0;}.view img {   display: block;   position: relative;object-fit: cover;}.view h2 {   text-transform: uppercase;   color: #fff;   text-align: center;   position: relative;   font-size: 17px;   padding: 10px;   background: rgba(0, 0, 0, 0.8);   margin: 20px 0 0 0;}.view p {   font-family: Georgia, serif;   font-style: italic;   font-size: 12px;   position: relative;   color: #fff;   padding: 10px 20px 20px;   text-align: center;}.view-first img {   -webkit-transition: all ease-in-out 3.2s;   -moz-transition: all ease-in-out 3.2s;   -o-transition: all ease-in-out 3.2s;   -ms-transition: all ease-in-out 3.2s;   transition: all ease-in-out 2.5s;top: 0;position: absolute;height: auto;}.view-first .mask {   filter: alpha(opacity=0);   opacity: 0;   background-color: rgba(0,0,0,.5);   height: 0;-webkit-transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;}.view-first h2 {   -webkit-transform: translateY(-100px);   -moz-transform: translateY(-100px);   -o-transform: translateY(-100px);   -ms-transform: translateY(-100px);   transform: translateY(-100px);   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}.view-first p {   -webkit-transform: translateY(100px);   -moz-transform: translateY(100px);   -o-transform: translateY(100px);   -ms-transform: translateY(100px);   transform: translateY(100px);   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s linear;   -moz-transition: all 0.2s linear;   -o-transition: all 0.2s linear;   -ms-transition: all 0.2s linear;   transition: all 0.2s linear;}.view-first:hover img {   -webkit-transform: scale(1.1,1.1);   -moz-transform: scale(1.1,1.1);   -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);top: 100%;transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);}.view-first a.info {   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}.view-first:hover .mask {   filter: alpha(opacity=100);   opacity: 1;height: 100%;}.view-first:hover h2,.view-first:hover p,.view-first:hover a.info {   filter: alpha(opacity=100);   opacity: 1;   -webkit-transform: translateY(0px);   -moz-transform: translateY(0px);   -o-transform: translateY(0px);   -ms-transform: translateY(0px);   transform: translateY(0px);}.view-first:hover p {   -webkit-transition-delay: 0.1s;   -moz-transition-delay: 0.1s;   -o-transition-delay: 0.1s;   -ms-transition-delay: 0.1s;   transition-delay: 0.1s;}.view-first:hover a.info {   -webkit-transition-delay: 0.2s;   -moz-transition-delay: 0.2s;   -o-transition-delay: 0.2s;   -ms-transition-delay: 0.2s;   transition-delay: 0.2s;}.view a.setup {   display: block;   text-decoration: none;   padding: 15px;   margin: 10px auto;   background: #86cb41;   color: #fff;   text-transform: uppercase;   border-radius: 50px;width: 165px;font-size: 15px;}.view a.setup: hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}.view-first:hover a.setup {   -webkit-transition-delay: 0.2s;   -moz-transition-delay: 0.2s;   -o-transition-delay: 0.2s;   -ms-transition-delay: 0.2s;   transition-delay: 0.2s;}.view-first:hover a.setup {   filter: alpha(opacity=100);   opacity: 1;   -webkit-transform: translateY(0px);   -moz-transform: translateY(0px);   -o-transform: translateY(0px);   -ms-transform: translateY(0px);   transform: translateY(0px);}.view-first a.setup {   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}.view a.detail_ex {   display: block;   padding: 15px;   margin: 10px auto;   background: none;   color: #fff;   text-transform: uppercase;      border-radius: 50px;width: 165px;border: 1px solid #90c74c;font-size: 15px;}.view a.detail_ex: hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}.view-first:hover a.detail_ex {   -webkit-transition-delay: 0.2s;   -moz-transition-delay: 0.2s;   -o-transition-delay: 0.2s;   -ms-transition-delay: 0.2s;   transition-delay: 0.2s;}.view-first:hover a.detail_ex {   filter: alpha(opacity=100);   opacity: 1;   -webkit-transform: translateY(0px);   -moz-transform: translateY(0px);   -o-transform: translateY(0px);   -ms-transform: translateY(0px);   transform: translateY(0px);}.view-first a.detail_ex {   filter: alpha(opacity=0);   opacity: 0;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;   -o-transition: all 0.2s ease-in-out;   -ms-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}.view .info {   margin: 0 auto;   height: 290px;   width: 242px;   /* background: url(../images/bt_zoom.png) no-repeat top center; *//* opacity: 0; */}.view .info: hover {   -webkit-box-shadow: 0 0 5px #000;   -moz-box-shadow: 0 0 5px #000;   box-shadow: 0 0 5px #000;}.view .view_ex {   margin: 0 auto;   height: 0;   width: 117px;   margin-top: 40%;} #v_image{                  /* margin-top:40px; */        }          #v_demo:hover{         /* text-decoration: underline; */        }           #v_image:hover{         /* text-decoration: underline; */        }   div.mc-caption-bg, div.mc-caption-bg2 {   position:absolute;   width:100%;   height:0px;   padding:0;   left:0px;   bottom:0px;   z-index:3;   overflow:hidden;   font-size: 0;}div.mc-caption-bg {   background-color:black;}div.mc-caption {   font: bold 14px/20px Arial;   color:#EEE;   z-index:4;   padding:10px 0;   text-align:center;}div.mc-caption a {   color:#FB0;}div.mc-caption a:hover {   color:#DA0;}div.navBulletsWrapper  {top: 375px;right: -90%;background:none;padding:0 10px;position:relative;z-index:5;cursor:pointer;/* border:solid 1px #fff; *//* background:#f3f3f3; */float:left;height:34px;padding:0 5px;/* box-shadow: 0 3px 5px #888; */border-radius:7px;}div.navBulletsWrapper div {    width:11px; height:11px;    background:transparent url(../image/bullet.png) no-repeat 0 0;    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;    margin:11px 5px;    _position:relative;}div.navBulletsWrapper div.active {background-position:0 -11px;}#slider {   transform: translate3d(0,0,0);    -ms-transform:translate3d(0,0,0);    -moz-transform:translate3d(0,0,0);    -o-transform:translate3d(0,0,0);}