.MaskBox{top:0;left:0;width:100%;height:100%;position:fixed;z-index:6;background-color:rgba(0,0,0,.9);display:table;cursor:pointer}@media screen and (orientation:landscape){.picDetail{width:90%;height:100vh;overflow:hidden;z-index:3;display:table-cell;vertical-align:middle}.bigPic{max-height:100vh;max-width:100vw;z-index:3;-webkit-animation:popIn .4s;animation:popIn .4s;-webkit-transition:all 1s ease;transition:all 1s ease}}@media only screen and (orientation:portrait){.picDetail{height:100vh;overflow:hidden;display:table-cell;vertical-align:middle}.bigPic,.picDetail{width:100vw;z-index:3}.bigPic{-webkit-animation:popIn .4s;animation:popIn .4s;-webkit-transition:all 1s ease;transition:all 1s ease}}