/* CSS Document */
.simpleLens-container{
    display: table;
    position: relative;
    width:594px;
}

.simpleLens-big-image-container {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
	position:relative;
    width:594px;
    height:300px;
    
}

.simpleLens-big-image {
    max-width: 100%;
}

.simpleLens-lens-image {
    height: auto !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin:0;
    box-shadow:none;
    float:none;
    position:relative;
}

.simpleLens-mouse-cursor{
	background-color:#CCC;
	opacity:0.2;
	filter: alpha(opacity = 20);
	position:absolute;
	top:0;
	left:0;
	border:1px solid #999;
	box-shadow:0 0 2px 2px #999;
	cursor:none;
}

.simpleLens-lens-element {
    background-color: #FFFFFF;
    box-shadow: 0 0 2px 2px #8E8E8E;
    height: 90%;
    left: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 60%;
    z-index: 9999;
    text-align: center;
}

.simpleLens-lens-element img{
    position:relative;
    top:0;
    left:0;
    width:auto !important;
    max-width:none !important;
}


@media only screen and (max-width: 1024px) {

    .simpleLens-container{
        width:450px;
    }

    .simpleLens-big-image-container {
        width:450px;
        height:227px;
    
    }





}


@media only screen and (max-width: 780px) {

    .simpleLens-container {
        width: 400px;
    }

    .simpleLens-big-image-container {
        width: 400px;
        height: 200px;
    }
}

@media only screen and (max-width: 720px) {
    .simpleLens-lens-element {
        display:none;
    }
}

@media only screen and (max-width: 440px) {

    .simpleLens-container {
        width: 240px;
    }

    .simpleLens-big-image-container {
        width: 240px;
        height: 170px;
    }
}