.product-tc { position: fixed; z-index: 99; width: 100%; height: 100vh; left: 0; top: 0; display: none; justify-content: center; align-items: center; background: rgba(0,0,0,.5); cursor:pointer;} 
.product-tc-open { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; }
.product-tc-box {max-width:1200px; max-height:100%;padding:10px; background-color:#ffffff;} 
.product-tc-box img{max-width:100%; max-height:100%;}
.product-close { position: absolute; right: 0; top: 0; background: rgba(0,0,0,.8); color: #fff; cursor: pointer; padding:10px;}

@media all and (max-width: 768px) {
.product-tc-box{ max-width: 100%; height: auto;} 
.product-tc-box img{max-width:100%; max-height:100%;}
}