.container{width:480px;height:400px;}
.ot-portfolio-item figure figcaption > a {z-index:1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

figure {position: relative;overflow: hidden;margin: 0 1px 1px 0;background:#fff;text-align: center;cursor: pointer;}

.effect-bubba{position: relative;overflow: hidden;margin: 0 1px 1px 0;/*background: #726FB9;*/background:#fff;text-align: center;cursor: pointer;}

figcaption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;	}

.ot-portfolio-item figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure.effect-bubba {background: #7d8182;margin-bottom:1px;}

figure.effect-bubba div {/*opacity: 0.8原始透明度*/-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
figure.effect-bubba b{display:block;width:480px;height:400px;position:absolute; z-index:222}

figure.effect-bubba:hover div {opacity: 0.3;/*over透明度*/}

figure.effect-bubba figcaption::after,figure.effect-bubba figcaption::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}
figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
figure.effect-bubba h2{opacity:0;color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;padding-top:28%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
figure.effect-bubba p{color:#fff;font-size:16px;font-weight:500;padding:20px 2.5em;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
figure.effect-bubba:hover figcaption::after,figure.effect-bubba:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}




#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{/*background:url(../images/overlay.png) repeat 0 0;*/ background:#000; opacity:0.6; filter: Alpha(opacity=60) \9;}
#colorbox{outline:0}
#cboxTopLeft{width:21px;height:21px;background:url(../images/controls.png) no-repeat -101px 0}
#cboxTopRight{width:21px;height:21px;background:url(../images/controls.png) no-repeat -130px 0}
#cboxBottomLeft{width:21px;height:21px;background:url(../images/controls.png) no-repeat -101px -29px}
#cboxBottomRight{width:21px;height:21px;background:url(../images/controls.png) no-repeat -130px -29px}
#cboxMiddleLeft{width:21px;background:url(../images/controls.png) left top repeat-y}
#cboxMiddleRight{width:21px;background:url(../images/controls.png) right top repeat-y}
#cboxTopCenter{height:21px;background:url(../images/border.png) 0 0 repeat-x}
#cboxBottomCenter{height:21px;background:url(../images/border.png) 0 -29px repeat-x}
#cboxContent{background:#fff;overflow:hidden}
.cboxIframe{background:#fff}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{margin-bottom:28px}
#cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#333}
#cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494}
#cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}

#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}
#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active{outline:0}
#cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef}
#cboxPrevious{position:absolute;bottom:0;left:0;background:url(../images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px}
#cboxPrevious:hover{background-position:-75px -25px}
#cboxNext{position:absolute;bottom:0;left:27px;background:url(../images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px}
#cboxNext:hover{background-position:-50px -25px}
#cboxClose{position:absolute;bottom:0;right:0;background:url(../images/controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px}
#cboxClose:hover{background-position:-25px -25px}
.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight,.cboxIE #cboxTopCenter,.cboxIE #cboxTopLeft,.cboxIE #cboxTopRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)}