.page-newProductDetails #productPage {
    background: #fff url(//cdn.chowsangsang.com/eshop/hk/web/enigma_bg.jpg) 50% 0 no-repeat;
    margin-top: 0px;
    padding-bottom: 2%;
}

#toolbar{
    background : #fff;
    text-align: center;
    box-shadow: 0px 1px 1px #cacaca;
    z-index: 2;
    position: absolute;
    width: 100%;
    top : 0px;
}
.toolbarstep{
    display:inline-block;
    display:none;
    padding : 5px 1%;
    color: #e6bbbb;
    min-width:120px;
    position: relative;
    background: #fff;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
.triangle{
    content: "";
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px;
    left: 44%;
    box-sizing: border-box;
    border: 10px solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -1px 1px 1px #cacaca;
}
.stepDescriptionString{
    display: inline-block;
    width: 80%;
    vertical-align: middle;
}
.menutriangle.icon-menuw-open {
    opacity: 0.5;
}
#leftAngle{
    width: 38px;
   height: 75px;
    left: 50%;
    cursor: pointer;
}
#rightAngle{
   width: 38px;
   height: 75px;
    left: 50%;
    cursor: pointer;
}
#left{
    float: left;
    width: 100%;
}
#previewImg{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    max-width: 768px;
}
#productImg{
    width: 100%;
    overflow: auto;
    text-align: center;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

.imgbox{
    display:inline-block;
    vertical-align: middle;
}
#imgleft{
    width: 20%;
}
#imgmiddle{
    width: 50%;
}
#imgright{
    width: 20%;
}
.productImgLeftpanel{
    width: 99%;
    margin: auto;
}
#forReference{
    text-align: center;
    margin: 10px auto;
    color: #a5a4a4;
    display: none;
    width: 70%;
}
#right *{
    overflow : hidden;
}
#right{
    float: left;
    width: 100%;
    background-color: rgba(255,255,255,0.6);
    border-left: solid 1px #ede6e2;

}

#totalPriceText{
    display: inline-block;
    padding-right: 5px;

}
#originalValue{
    display: inline-block;
    text-decoration: line-through;
    font-weight: lighter;
    font-size: 15px;
    vertical-align: top;
        margin-top: 2px;
}
#formattedValue{
    display: inline-block;
    font-size: 18px;
}

.mainContentStep{
    overflow : hidden;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#productTitle{
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color:#a29189;
}
.headerNameTitle{
    float: left;
    width: 65%;
    font-size: 14px;
}
.headerNameBreakdown{
    float: right;
    width: 80px;
    text-align: right;
    display: none;
}
#dox{
    width : 100%;
    margin: 20px auto;
    text-align:center;
}
.circle{
    display:inline-block;
    margin-left: 3%;
    margin-right: 3%;
    color: #e6bbbb;
    cursor: pointer;
}
.circle:before {
    content: ' \25CF';
    font-size: 30px;
}
#iframe1{
    display:none;
}
#webGLContainer{
    width: 100%;

}
#webGL{
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    z-index: 1;
    margin: auto;
    display: none;
}
#itemoptionTitle{

    float: left;
    width: 50%;
    font-size: 16px;
}
#alertforMissing{
    color : #da1818;
}
#priceDetailContainer{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    overflow: visible;
    color:#caa474;
    font-size:20px;
    height: 43px;
    left:15px;
}
#productPrice{
    display: inline-block;
   padding: 3px 20px;
   top: 0px;
}
#summaryMenubtn{
    vertical-align: middle;
    overflow: visible;
}
#wrapbtn{
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-image: url('//cdn.chowsangsang.com/eshop/hk/web/icon.png');
    background-repeat: no-repeat;
    background-position:0px -185px;
    float: right;
    z-index: 1;
    cursor: pointer;
}
.wishlistElement{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    /*background-image: url('//cdn.chowsangsang.com/eshop/hk/web/icon.png');
    background-repeat: no-repeat;*/
    float: right;
    z-index: 1;
    top: 5px;
    cursor: pointer;
}
/*#newWishListbtn{
    background-position: -400px -40px;
}
#viewWishListbtn{
    background-position: -400px -120px;
}*/
.wishlistContainer{
    top: 5px;
}
.btn-wish{
    background-image: url('//cdn.chowsangsang.com/eshop/hk/web/icon.png');
    background-repeat: no-repeat;
    background-position: -400px -40px;
}
.btn-wish.active{
    background-position: -400px -120px;
}
.steptext{
    display: block;
    width: 70%;
    margin: auto;
    padding: 20px;
    text-align : center;
    font-size: 23;
}
#productName{
    display: block;
    margin: auto;
    text-align : center;
    min-height: 75px;
    background-position: 25px 30px;
    background-repeat: no-repeat;
	background-size:65%;
}


#popupResponsive *{
    overflow: auto;
}
#popupResponsive{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(223, 213, 213, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#popupContent{
    width: 30%;
    min-width: 300px;
    margin: auto;
    margin-top: 185px;
    background: #fafafa;
    padding: 20px;
    color:#a29189;
}
#popupSummary *{
    overflow: auto;
}
#popupSummary{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(223, 213, 213, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#popupSummaryContent{
    width: 50%;
    min-width: 300px;
    max-width: 600px;
    margin: auto;
    top:46%;
    margin-top: -250px;
    background: #fafafa;
    padding: 20px;
    min-height: 460px;
    font-size:14px;
}
#popupHeaderContainer{
    width: 100%;
}
.closePopupX{
    float: right;
    margin: 5px;
    width: 20px;
    height: 20px;
    background-image: url("//cdn.chowsangsang.com/eshop/hk/web/icon.png");
    background-repeat: no-repeat;
    background-position: -340px -20px;
    cursor: pointer;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

#popupDetailContainer{
    width: 100%;
}
#popupProductName{
    font-size: 25px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}
#popupProductDescription{
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    padding-bottom: 30px;
}
#ringSizeDes{
    padding: 10px;
    color:#bfbfbd;
    border:dotted 1px #bfbfbd;
    width: 85%;
    margin: 20px 5px 20px 35px;
}

#ringSizeDes .ringSizeDetailDeschild{
    width:100%;
    max-width:300px;
}

.productDesIcon{
    background-image: url("//cdn.chowsangsang.com/eshop/hk/web/icon.png");
    background-repeat: no-repeat;
    background-position: -300px -160px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    cursor: help;
}
.ringSizeDetailDes{
    display: inline-block;
    width: 100%;
}
.ringSizeDetailDeschild{
    background-size: cover;
    background-position: center center;
    height: 80px;
}
.engravingtextheader{
    float: left;
    color:#b5aaa4;
}

#cus_engraving_outer #oubheart, #cus_engraving_outer #ouwheart, #cus_engraving_inner #inbheart, #cus_engraving_inner #inwheart{
    width: 40px;
    height: 29px;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
    /* border: solid 1px #e7e5e6;
    background: #fff;
    */
}


#cus_engraving_outer .fontsbox, #cus_engraving_inner .fontsbox{
    float: left;
    width: 110px;
    padding: 13px 0;
    text-align: center;
    border: solid 1px #e7e5e6;
    margin: 5px;
    color: #aea59e;
    background:#fff;
    cursor: pointer;
}

#cus_engraving_inner .fontsbox{
     width: 75px;
}


#cus_engraving_outer .fontsbox.over, #cus_engraving_inner .fontsbox.over{
    border: solid 1px #e1bc8f;
    background:#e1bc8f;
    color:#fff;
}



#cus_engraving_outer #specialchar, #cus_engraving_inner #specialchar{
        padding-top: 10px;
}
.funcbtn, .previewfuncbtn{
    display: block;
    width: 50%;
    margin: auto;
    padding: 20px 0px;
    text-align : center;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
    float:left;

}
#oubheart, #ouwheart, #inbheart, #inwheart{
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

#optionpanel{
    /*min-height: 588px;*/
    width: 100%;
    position: relative;
    float: right;
    overflow: visible;
}
#optiondetail{
    overflow: hidden;
    position: relative;
        background: #fff;
}
.optionHeader{
    position: relative;
    width: 100%;
    max-height: 0;
}
 #itemproperty #option{
    padding-left:30px;
}


#optionpanelHeader{
    background:url(//cdn.chowsangsang.com/eshop/hk/web/enigma_hdbg.jpg);
        background-size: cover;
}

.stepDescription{
    background-color: rgba(255,255,255,0.6);
    padding: 10px 20px;
    border-top: solid 1px #e0dad6;
    font-size: 15px;
    color:#7d7169;
    text-transform: uppercase;
}
#optiondetailfooter{
    width: 370px;
    padding:15px;
    position: relative;
    border-top: 1px solid #fff;
    z-index: 3;
    background:#fff;
}
.funcbtn{
    float:left;
    background-color: #000;
    width: 100%;
    padding:10px 0px;
    color: #fff;
    font-size:14px;
   text-transform: uppercase;
}
.funcbtn:hover, #optiondetailfooter #backbtn.backbtn:hover{
    background-color: #545454;
}


.funcbtn i{
    opacity: 0.5;
    margin-top: -5px;
}

#option * {
    font: #000;
}

#headerName{
    padding: 10px 35px;
    border-top: solid 1px #e0dad6;
    font-size:12px;
    color: #7d7169;
}
#dataset{
    margin : 0px;
    overflow: visible;
}

#backbtn.backbtn{
 cursor: pointer;
}
#backbtn{
    background-color: #d4cec8;
}
#backbtn.dimmed, #addtocartbtn.dimmed{
    opacity: 0.5;
    cursor: default;
}
#addtocartbtn.dimmed{
    background-color: #d4cec8;
}

#nextbtn, #addtocartbtn, #previewbtn{
    width: 50%;
    cursor: pointer;
}
#summaryDetail{
    border-bottom: 1px solid #e6bbbb;
}

 #summaryProductName{
    font-size: 18px;
    color: #806c65;
    padding-left: 30px;
}
 #summarydocid{
    font-size: 15px;
    color: #d4a7a1;
    padding-bottom: 10px;
    padding-left: 30px;
}


#popupSummaryContent #summaryProductName{
    text-align: center;
    padding-left: 0px;
}
#popupSummaryContent #summarydocid{
    text-align: center;
    padding-left: 0px;
}
.summaryProductPrice{
    float:right;
    padding-right: 10px;
    color:#cca176;
    font-size:16px;
}
.summaryText{
    padding: 10px 30px;
    font-size:14px;
}

#popupSummaryContentDetail .summaryText{
    padding: 10px 20px;
}
.summaryheader{
    color: #9e5757;
    padding: 0 10px;
    font-size: 16px;
}

.summaryOptionDetailText{
    float: left;
    padding-right: 14px;
}
.summaryOptionFontstyle{
    float: left;
}

#summarypage #optionset{
    border-top: solid 1px #eeedeb;
}

#optionset #optionName{
    padding:0 0 3px 10px;
}
.summaryOptionName{
    padding: 0 30px;
    font-size: 18px;
    color: #d4a7a1;
}

#popupSummaryContentDetail .summaryOptionName{
     padding: 0 20px;
}

.summaryRow{
    padding-top: 20px;
    border-top:solid 1px #eeedeb;
    color:#806c65;
}
.summaryDocumentId{
    color: #b75151;
}
.summaryProductNameContainer{
    padding: 0 10px;
    padding-bottom: 10px;
}
#backbtn, #addtocartbtn, #previewbtn, #previewNextbtn, #previewBackbtn{
    display: none;
}
#doubletype{
    left: 0;


}
#summarypage{
    top: 10px;
    max-height: 1024px;
    position: absolute;
    z-index: 2;
    overflow: visible;
    display: none;
    background: #ffffff;
        font-size: 14px;
}
#itemproperty, #cus_engraving_inner, #cus_engraving_outer{

    background: rgba(255,255,255,0.6);
}
#cus_engraving_inner{
    border-bottom: solid 1px #ede6e2;
}

#doubletype #optionset{
    float: left;
    width: 100%;
    padding-bottom:10px;
    padding-left:25px;
}
#doubletype #selectiondesc{
    width: 54px;
    height: 54px;
    text-align: center;
    background-size: 50px 50px;
    background-position: center center;
    border: 1px solid #fff;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 10px #f1eeed;
    background-color:#fff;
    background-repeat: no-repeat;
    padding: 27px;
}

.optionContainer {
    float: left;
}
#optionNamedetail{
    float: left;
    width: 70px;
    color:#b7a9a0;
    font-size:12px;
}
.optionNameSelection{
    float: left;
    color: #75675e;
    font-size:12px;
}
#itemproperty #optionset{

    float: left;
    width: 100%;
}

#itemproperty #selectiondesc{
    float: left;
    width: 45px;
    padding: 13px 0;
    text-align: center;
    border: solid 1px #e7e5e6;
    margin: 5px;
    color:#aea59e;
    background:#fff;
}

#itemproperty .selection{
    float: left;
    min-width: 10%;
    overflow: initial;
}

#itemproperty #option{
    width:80%;
}

#cus_engraving_inner #optionset{

    float: left;
    width: 100%;
}

#cus_engraving_inner #selectiondesc{

    float: left;
    width: 150px;
    padding: 13px 0;
    text-align: center;
    border: solid 1px #b99191;
    margin: 10px;

}
#cus_engraving_inner .selection{
    float: left;
    min-width: 10%;
    overflow: initial;
}

#cus_engraving_outer #optionset, #cus_engraving_inner #optionset, #itemproperty #optionset{
    padding-left:35px;
    float: left;
    width: 100%;
}

#cus_engraving_outer #optionName, #cus_engraving_inner #optionName {
    padding:10px 0px;
    color: #b5aaa4;
    width: 100%;
}

#itemproperty #optionset{
    padding-top:20px;
}

#cus_engraving_outer #optionName2, #cus_engraving_inner #optionName2,  #itemproperty #optionName2{
    /*padding:10px 0 0 0px;*/
    color:#7d7169;
    font-size:12px;
}

#optionpanelHeader .productSubName{
     padding:5px 0 5px 20px;
    color:#7d7169;
    font-size:16px;
}

#cus_engraving_inner #optionName3{
    color: #c3c2c0;
    width: 100%;
    padding-top: 6px;
    font-size:12px;
}


#cus_engraving_outer #selectiondesc, #cus_engraving_inner #selectiondesc{
    float: left;
    width: 110px;
    padding: 10px 0;
    text-align: center;
    border: solid 1px #e7e5e6;
    margin: 5px;
    color: #aea59e;
    background: #fff;
    height:38px;
}
#cus_engraving_outer #selectiondesc div, #cus_engraving_inner #selectiondesc div{
    width: 100%;
    height: 19px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
#cus_engraving_outer .selection, #cus_engraving_inner .selection{
    float: left;
    min-width: 10%;
    overflow: initial;
}
#cus_engraving_outer #outerengravingtext,
#cus_engraving_inner #innerengravingtext{
    border:none;
    overflow: auto;
    outline: none;
    min-width: 100%;
    text-align: left;
    padding: 0px 10px;
    background : #f4f4f4;
}



.mainContentStep input[type="radio"] {
    display: none;
}
.textremainingContainer{
    background: #f4f4f4;
    width: 86%;
    margin: 0 0 10px 0;
    font-size: 12px;
}
.charactersRemain{
    display: inline-block;
    color: #b5aaa4;
    padding: 5px 0 0 0;
    cursor: default;
    margin:0px;outline:none;
}
.disableBtn{
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

.btn {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}

.btn:hover {
    border: 1px solid #f3ca9b !important;

}

#cus_engraving_outer .fontsset{
    padding:10px 0px 20px;
}

#doubletype .btn:hover {
   border: 1px solid #d0b18c !important;
   background-color: #fff;
}


.mainContentStep input[type="radio"]:checked + label {
    background-color: #e1bc8f !important;
    border: 1px solid #e1bc8f !important;
    color:#fff !important;
}

.mainContentStep input[type="radio"]:checked + label div{
        background-position: 50% 100% !important;
}

#doubletype input[type="radio"]:checked + label {
    border: 3px solid #f3ca9b !important;
    background-color: #fff !important;
    margin-bottom: 6px !important;
}


.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('img/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.jssora22l{
     display: block !important;
     position: absolute;
     /* size of arrow element */
     width: 40px;
     height: 58px;
     cursor: pointer;
     background: url('//cdn.chowsangsang.com/eshop/hk/web/enigma_btn_left.png') center center no-repeat;
     overflow: hidden;
     top:150px !important;
     z-index:10;

 }
 .jssora22r {
     display: block !important;
     position: absolute;
     /* size of arrow element */
     width: 40px;
     height: 58px;
     cursor: pointer;
     background: url('//cdn.chowsangsang.com/eshop/hk/web/enigma_btn_right.png') center center no-repeat;
     overflow: hidden;
     top:150px !important;
     z-index:10;

 }
.previewImgFromHybrisContainer{
    width: 100% !important;
    cursor: default;
    position: relative;
    top: 0px;
    left: 0px;
    height: 400px;
    overflow: hidden;
}
.previewImgFromHybris{
    top: 0px !important;
    left: 25% !important;
    width: 100% !important;
    position: absolute !important;
    max-width: 350px !important;
    height: 350px !important;
}
#jssor_1{
    position: relative;
    margin: 0 auto; top: 0px;
    left: 0px;
    width: 100%;
    height: 400px;
    overflow: hidden;
    visibility: hidden;
}
.jssorb05{
    top: 374px;
    right: 16px;
    width: 68px;
    height: 16px;
/*    left: 327px !important; */
}


.customizeit{
    padding: 0px 0 25px 35px;
    line-height: 10px;
    overflow: visible !important;
}

.mobileinfo{
    display:none;
}

@media screen and (min-width: 1024px){
    #left {
        float: left;
        width: 69%;
    }

    #right {
        float: right;
        width: 30%;
        max-width: 370px;
    }

    #webGLContainer{
        top: -40px;
    }

}

@media screen and (max-width: 1024px){
    #optionpanelHeader {
        background: #fff;
    }

    #productName {
        display: inline-block;
        margin: auto;
        width: 60%;
        text-align: center;
        min-height: 60px;
        background-position: 20px 13px;
        background-repeat: no-repeat;
        vertical-align: middle;
		background-size:90%;
    }
    #productPrice {
        display: inline-block;
        margin: auto;
        padding: 0px 5px;
        vertical-align: middle;
    }
    #optiondetailfooter {
        width: 100%;
    }

    #doubletype #optionset {
        width: 50% !important;
    }

    #optiondetailfooter{
        position:fixed;
        bottom:0px;
        left:0px;
        padding: 0px;
        border:solid 0px;
    }

    #optiondetailfooter .funcbtn{
            padding: 15px 0px;
    }

    .customizeit{
        padding: 0px 0 25px 20px;
        line-height: normal;
    }
    .text-primary{
        display:none;
    }

    .mobileinfo{
        display:block;
        font-size:15px;
        color:#7d7169;
    }
}

@media (max-width: 480px) {
    #popupSummaryContent{
        top: 40%;
    }
    #previewImg{
        margin: 0px auto;
    }
    #jssor_1{
        height: 200px;
    }
    .jssora22l{
        top: 60px !important;
    }
    .jssora22r{
        top: 60px !important;
    }
    .previewImgFromHybrisContainer{
        height: 200px;
    }

    .previewImgFromHybris{
        top: 5px !important;
        left: 31% !important;
        width: 100% !important;
        position: absolute !important;
        max-width: 150px !important;
        height: 150px !important;
    }

    .jssorb05{
        top: 184px;
        left: 140px !important;
    }

    #optionNamedetail {
        width: 100%;
    }
    .customizeit{
        padding: 0px 0 25px 20px;
        line-height: normal;
    }
    .text-primary{
        display:none;
    }
    .mobileinfo{
        display:block;
        font-size:15px;
        color:#7d7169;
    }

}
@media (max-width: 360px) {
    .previewImgFromHybris{
        left: 28% !important;
    }
    .jssorb05{
        top: 184px;
        left: 140px !important;
    }
}
@media (max-width: 320px) {

    #jssor_1{
        height: 200px;
    }
    .jssora22l{
        top: 60px !important;
    }
    .jssora22r{
        top: 60px !important;
    }
    .previewImgFromHybrisContainer{
        height: 200px;
    }

    .previewImgFromHybris{
        top: -15px !important;
        left: 18% !important;
        width: 100% !important;
        position: absolute !important;
        max-width: 200px !important;
        height: 200px !important;
    }
    .jssorb05{
        top: 184px;
        left: 120px !important;
    }

}