/*=======================
* MODAL POPUP STYLE
========================*/

html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
    overflow: hidden;
}

#yith-quick-view-modal {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1400;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#yith-quick-view-modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

#yith-quick-view-modal .yith-quick-view-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba( 0, 0, 0, 0.8);
}

#yith-quick-view-modal .yith-wcqv-wrapper {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: left;
    height: 600px;
    width: 1000px;
}

#yith-quick-view-modal .yith-wcqv-main {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}

#yith-quick-view-modal.open,
#yith-quick-view-modal.open .yith-wcqv-wrapper {
    visibility: visible;
    opacity: 1;
}

#yith-quick-view-modal #yith-quick-view-content {
    height: 100%;
}

#yith-quick-view-modal .yith-wcqv-main:after,
#yith-quick-view-modal .yith-wcqv-main:before {
    content: '';
    display: table;
    clear: both;
}
#yith-quick-view-modal.open .yith-wcqv-main {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    height: 100%;
    overflow-y: scroll;
    position: relative;
}
#yith-quick-view-close {
    border: 1px solid;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    z-index: 2;
    opacity: 0.5;
}
#yith-quick-view-close:hover {
    opacity: 1;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}
/*#yith-quick-view-content div.images {*/
    /*width: 40%;*/
    /*float: left;*/
    /*opacity: 1 !important;*/
/*}*/
/*#yith-quick-view-content div.summary {*/
    /*margin: 0;*/
    /*padding: 15px;*/
    /*width: 60%;*/
    /*float: left;*/
/*}*/
/*#yith-quick-view-content div.woocommerce-product-rating:after,*/
/*#yith-quick-view-content div.woocommerce-product-rating:before {*/
    /*content: '';*/
    /*display: table;*/
    /*clear: both;*/
/*}*/
/*#yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {*/
    /*display: none;*/
/*}*/
/*#yith-quick-view-content .onsale {*/
    /*top: 5px;*/
    /*right: auto;*/
    /*left: 5px;*/
/*}*/

/*li.product .yith-wcqv-button .blockUI.blockOverlay:before {*/
    /*background: none;*/
/*}*/

/*@media( max-width: 480px ) {*/
    /*#yith-quick-view-content div.images,*/
    /*#yith-quick-view-content div.summary {*/
        /*width: 100%;*/
        /*float: none;*/
    /*}*/
    /*#yith-quick-view-content div.summary {*/
        /*margin: 0;*/
        /*padding: 15px;*/
        /*width: 100%;*/
        /*float: left;*/
    /*}*/
/*}*/