.view {
   width: 168px;
   height: 142px;
   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; border-radius:5px; -webkit-border-radius:5px;
   cursor: default;
   background-color: #000;
}

.view .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0; bottom:0;
   left: 0; right:0;
}
.view img {
   display: block; height:143px;
   position: relative;
}


.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}


.view .mask { opacity:1; }
.view:hover .mask { opacity:1!important; }


.tabs3  li a i { position:absolute; right:15px; top:15% !important; font-size:24px; width:25px; background:url(images/svg/plus.png) no-repeat center top; background-size:100%; height:25px; overflow:hidden; }
.tabs3 li a:hover i { background-position:center bottom; }
.tabs3  li .showi{ background:url(../images/svg/plus.png) no-repeat center top  !important; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; z-index:999; top:15% !important; transition:all linear 0s 0s!important; }
.tabs3  li.active .showi { background-position:center bottom !important; background-size:100% !important; }
.tabs3  li:nth-child(1):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs3  li:nth-child(2):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs3  li:nth-child(3):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs3  li:nth-child(4):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; } 
.tabs3  li:nth-child(5):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs3  li:nth-child(6):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; } 
.tabs3  li:nth-child(7):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }

.tabs3 li:hover p {background:url(../images/svg/plus.png) no-repeat center bottom; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; top:15% !important;}
.tabs3 li div.showname {background-position: left top;
    background-repeat: no-repeat;
   height:77px !important; 
   left:80px;
    position: absolute;
    top:20% !important;
    width: 100%;
    z-index: 999;}
.tabs3 li.active div.showname {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:77px !important;  position:absolute; left:80px; z-index:999; top:20% !important;}
.tabs3 li:hover div.showname {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:77px !important;  position:absolute; left:80px; z-index:999; top:20% !important;}



.tabs4  li a i { position:absolute; right:15px; top:15% !important; font-size:24px; width:25px; background:url(images/svg/plus.png) no-repeat center top; background-size:100%; height:25px; overflow:hidden; }
.tabs4 li a:hover i { background-position:center bottom; }
.tabs4  li .showi{ background:url(../images/svg/plus.png) no-repeat center top  !important; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; z-index:999; top:15% !important; transition:all linear 0s 0s!important; }
.tabs4  li.active .showi { background-position:center bottom !important; background-size:100% !important; }
.tabs4  li:nth-child(1):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs4  li:nth-child(2):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs4  li:nth-child(3):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs4  li:nth-child(4):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; } 
.tabs4  li:nth-child(5):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }
.tabs4  li:nth-child(6):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; } 
.tabs4  li:nth-child(7):hover .showi { background:none !important; background-size:100% !important; opacity:0 !important; }

.tabs4 li:hover p {background:url(../images/svg/plus.png) no-repeat center bottom; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; top:15% !important;}
.tabs4 li div.showname {background-position: left top;
    background-repeat: no-repeat;
   height:77px !important; 
   left:80px;
    position: absolute;
    top:20% !important;
    width: 100%;
    z-index: 999;}
.tabs4 li.active div.showname {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:77px !important;  position:absolute; left:80px; z-index:999; top:20% !important;}
.tabs4 li:hover div.showname {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:77px !important;  position:absolute; left:80px; z-index:999; top:20% !important;}



ul.inner_tab_menu li .showi{ background:url(../images/svg/plus.png) no-repeat center top; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; z-index:999; top:40%; transition:all linear 0s 0s!important; }


ul.inner_tab_menu li.active .showi { background-position:center bottom; background-size:100%; }
ul.inner_tab_menu li:nth-child(1):hover .showi, ul.inner_tab_menu li:nth-child(2):hover .showi, ul.inner_tab_menu li:nth-child(3):hover .showi, ul.inner_tab_menu li:nth-child(4):hover .showi, ul.inner_tab_menu li:nth-child(5):hover .showi, ul.inner_tab_menu li:nth-child(6):hover .showi, ul.inner_tab_menu li:nth-child(7):hover .showi { background:none; background-size:100%; opacity:0; }



ul.inner_tab_menu li .showname, ul.inner_tab_menu li .showname { background-repeat:no-repeat; background-position:left top; width:100%; height:50px;  position:absolute; left:15px; z-index:999; top:50%; }
ul.inner_tab_menu li:nth-child(1) .showname { background-image:url(../images/menu/m_tab1.png);}
ul.inner_tab_menu li:nth-child(2) .showname { background-image:url(../images/menu/m_tab2.png);}
ul.inner_tab_menu li:nth-child(3) .showname { background-image:url(../images/menu/m_tab3.png);}
ul.inner_tab_menu li:nth-child(4) .showname { background-image:url(../images/menu/m_tab4.png);}
ul.inner_tab_menu li:nth-child(5) .showname { background-image:url(../images/menu/m_tab5.png);}
ul.inner_tab_menu li:nth-child(6) .showname { background-image:url(../images/menu/m_tab6.png);}
ul.inner_tab_menu li:nth-child(7) .showname { background-image:url(../images/menu/m_tab7.png);}

ul.inner_tab_menu li:nth-child(1):hover .showname, ul.inner_tab_menu li:nth-child(2):hover .showname, ul.inner_tab_menu li:nth-child(3):hover .showname, ul.inner_tab_menu li:nth-child(4):hover .showname, ul.inner_tab_menu li:nth-child(5):hover .showname, ul.inner_tab_menu li:nth-child(6):hover .showname, ul.inner_tab_menu li:nth-child(7):hover .showname { background:none; background-size:100%; }

ul.inner_tab_menu li:hover p {background:url(../images/svg/plus.png) no-repeat center bottom; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; top:40%;}


ul.inner_tab_menu li:hover div.showname, ul.inner_tab_menu li.active div.showname {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:50px;  position:absolute; left:15px; z-index:999; top:50%;}
ul.inner_tab_menu li:nth-child(1):hover .showname {background-image:url(../images/menu/m_tab1.png);}
ul.inner_tab_menu li:nth-child(2):hover .showname {background-image:url(../images/menu/m_tab2.png);}
ul.inner_tab_menu li:nth-child(3):hover .showname {background-image:url(../images/menu/m_tab3.png);}
ul.inner_tab_menu li:nth-child(4):hover .showname {background-image:url(../images/menu/m_tab4.png);}
ul.inner_tab_menu li:nth-child(5):hover .showname {background-image:url(../images/menu/m_tab5.png);}
ul.inner_tab_menu li:nth-child(6):hover .showname {background-image:url(../images/menu/m_tab6.png);}
ul.inner_tab_menu li:nth-child(7):hover .showname {background-image:url(../images/menu/m_tab7.png);}







ul.inner_tab_menu li .showname, ul.inner_tab_menu li .showname2 { background-repeat:no-repeat; background-position:left top; width:100%; height:50px;  position:absolute; left:15px; z-index:999; top:50%; }
ul.inner_tab_menu li:nth-child(1) .showname2 { background-image:url(../images/menu/m_tab01.png);}
ul.inner_tab_menu li:nth-child(2) .showname2 { background-image:url(../images/menu/m_tab03.png);}
ul.inner_tab_menu li:nth-child(3) .showname2 { background-image:url(../images/menu/m_tab02.png);}
ul.inner_tab_menu li:nth-child(4) .showname2 { background-image:url(../images/menu/m_tab04.png);}
ul.inner_tab_menu li:nth-child(5) .showname2 { background-image:url(../images/menu/m_tab05.png);}

ul.inner_tab_menu li:nth-child(1):hover .showname2, ul.inner_tab_menu li:nth-child(2):hover .showname2, ul.inner_tab_menu li:nth-child(3):hover .showname2, ul.inner_tab_menu li:nth-child(4):hover .showname2, ul.inner_tab_menu li:nth-child(5):hover .showname2, ul.inner_tab_menu li:nth-child(6):hover .showname2, ul.inner_tab_menu li:nth-child(7):hover .showname2 { background:none; background-size:100%; }

ul.inner_tab_menu li:hover p {background:url(../images/svg/plus.png) no-repeat center bottom; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; top:40%;}


ul.inner_tab_menu li:hover div.showname2, ul.inner_tab_menu li.active div.showname2 {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:50px;  position:absolute; left:15px; z-index:999; top:50%;}
ul.inner_tab_menu li:nth-child(1):hover .showname2 {background-image:url(../images/menu/m_tab01.png);}
ul.inner_tab_menu li:nth-child(2):hover .showname2 {background-image:url(../images/menu/m_tab03.png);}
ul.inner_tab_menu li:nth-child(3):hover .showname2 {background-image:url(../images/menu/m_tab02.png);}
ul.inner_tab_menu li:nth-child(4):hover .showname2 {background-image:url(../images/menu/m_tab04.png);}
ul.inner_tab_menu li:nth-child(5):hover .showname2 {background-image:url(../images/menu/m_tab05.png);}












ul.inner_tab_menu li .showname3, ul.inner_tab_menu li .showname3 { background-repeat:no-repeat; background-position:left top; width:100%; height:77px; position:absolute; left:15px; z-index:999; top:29px !important; }
ul.inner_tab_menu li:nth-child(1) .showname3 { background-image:url(../images/menu/1m_tab1.png);}
ul.inner_tab_menu li:nth-child(2) .showname3 { background-image:url(../images/menu/1m_tab2.png);}
ul.inner_tab_menu li:nth-child(3) .showname3 { background-image:url(../images/menu/1m_tab3.png);}
ul.inner_tab_menu li:nth-child(4) .showname3 { background-image:url(../images/menu/1m_tab4.png);}
ul.inner_tab_menu li:nth-child(5) .showname3 { background-image:url(../images/menu/1m_tab5.png);}
ul.inner_tab_menu li:nth-child(6) .showname3 { background-image:url(../images/menu/1m_tab6.png);}
ul.inner_tab_menu li:nth-child(7) .showname3 { background-image:url(../images/menu/1m_tab7.png);}

ul.inner_tab_menu li:nth-child(1):hover .showname3, ul.inner_tab_menu li:nth-child(2):hover .showname3, ul.inner_tab_menu li:nth-child(3):hover .showname3, ul.inner_tab_menu li:nth-child(4):hover .showname3, ul.inner_tab_menu li:nth-child(5):hover .showname3, ul.inner_tab_menu li:nth-child(6):hover .showname3, ul.inner_tab_menu li:nth-child(7):hover .showname3 { background:none; background-size:100%; }







ul.inner_tab_menu li:hover p {background:url(../images/svg/plus.png) no-repeat center bottom; background-size:100%!important; width:25px; height:25px;  position:absolute; right:15px; top:40%;}


ul.inner_tab_menu li:hover div.showname3, ul.inner_tab_menu li.active div.showname3 {background-repeat:no-repeat!important; background-position:left bottom!important; background-size:auto!important; position:absolute!important; width:100%; height:77px;  position:absolute; left:15px; z-index:999; top:29%;}
ul.inner_tab_menu li:nth-child(1):hover .showname3 {background-image:url(../images/menu/1m_tab1.png);}
ul.inner_tab_menu li:nth-child(2):hover .showname3 {background-image:url(../images/menu/1m_tab2.png);}
ul.inner_tab_menu li:nth-child(3):hover .showname3 {background-image:url(../images/menu/1m_tab3.png);}
ul.inner_tab_menu li:nth-child(4):hover .showname3 {background-image:url(../images/menu/1m_tab4.png);}
ul.inner_tab_menu li:nth-child(5):hover .showname3 {background-image:url(../images/menu/1m_tab5.png);}
ul.inner_tab_menu li:nth-child(6):hover .showname3 {background-image:url(../images/menu/1m_tab6.png);}
ul.inner_tab_menu li:nth-child(7):hover .showname3 {background-image:url(../images/menu/1m_tab7.png);}