﻿
.div-move {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 0px 0px;
    margin: 0px 0;
}

    .div-move:hover .div-turn {
        display: block;
    }

.div-turn {
    width: 15px;
    height: 25px;
    position: absolute;
    top: 0px;
    cursor: pointer;
    padding: 5px 0 5px 2px;
    background: #A8A8A8;
    opacity: 0.4;
    filter: alpha(opacity=50);
    display: none;
}

    .div-turn > i {
        width: 11px;
        height: 15px;
        display: block;
        background: url(../../../Images/Turn.png) no-repeat;
    }

    .div-turn.left {
        left: 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

        .div-turn.left > i {
            background-position: -0px 0px;
        }

    .div-turn.right {
        right: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

        .div-turn.right > i {
            background-position: -11px 0px;
        }
