#imageControl,
.imageControl
{
position:   absolute;
height: 0;
top: 50%;
left:   0;
margin-top: -30px;
z-index:   333;
}
#imageControl > div,
.imageControl > div
{
height: 0;
}
#imageControl span,
.imageControl span
{
width:   33px;
height: 60px;
background-image: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/genel/v4/user_umitergul/imageArrow.png);
background-repeat:   no-repeat;
cursor: pointer;
opacity: .5;
}

.vertical span
{
height:   20px;
width: 60px;
background-image: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/genel/v4/user_umitergul/imageArrowVertical.png);
background-repeat:   no-repeat;
cursor: pointer;
opacity: .5;
position: absolute;
left:calc(50% - 30px);
}

.vertical span.fl
{
top: 0;
background-position:0 -20px;
}

.vertical span.fr
{
bottom: 0;
background-position:0 -80px;
}
#imageControl span#prevImage,
.imageControl span.prevImage,
#thumbControl span#prevThumb
{
background-position:   -15px 0;
}
[dir="rtl"] #imageControl span#prevImage,
[dir="rtl"] .imageControl span.prevImage,
[dir="rtl"] #thumbControl span#prevThumb
{
float: left;
}
#imageControl span#nextImage,
.imageControl span.nextImage,
#thumbControl span#nextThumb
{
background-position:   -73px 0;
}
[dir="rtl"] #imageControl span#nextImage,
[dir="rtl"] .imageControl span.nextImage,
[dir="rtl"] #thumbControl span#nextThumb
{
float: right;
}
#imageControl span:hover,
.imageControl span:hover,
#thumbControl span:hover
{
opacity:   1;
}

.easyzoom
{
position:   relative;
min-height:80px;
}

.easyzoom-flyout
{
position:   absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background:   #fff;
box-sizing: border-box;
border:   1px solid #ececec;
overflow: hidden;
cursor:   zoom-in;
z-index: 1111;
}

.innerZoom .easyzoom-flyout
{
left:   0;
border: 0;
}
span#prevThumb
{
top:  9px;
left: 50%;
margin-left:  -20px;
}

.easyzoom-flyout img
{
max-width:   inherit;
}
#productThumbs li:first-child
{
margin-top:   20px;
}
#productThumbs li
{
cursor:   pointer;
display: table;
margin-bottom:   10px;
float: none;
}
#productThumbs li.active .box-border
{
border:   1px solid #6c6c6c;
}
#thumbControl
{
float:   left;
}
#thumbControl span
{
position:   absolute;
margin-top:  -16px
;width:  32px;
height:  32px;background-image: url(https://cdn.modaselvim.com/theme/v4-modaselvim/sub_theme/genel/v4/user_umitergul/thumbArrow.png)
;background-repeat:   no-repeat;
cursor: pointer;opacity: .5;
}
#thumbControl span#nextThumb
{
left: 50%
;bottom:  -14px;
margin-left: -20px;
}
#productThumbs li:first-child
{
margin-top: 0;
}

.zoomWindowContainer > div
{
z-index:999999 !important;
}