/*  Cameo Skin CSS ========================================= */

.mis-slider {
    /*  Slider element does not need to be a specific height
        Here we use it to create a stylish bar behind slides */
    margin-top: 25px;
    height: 80px;
}

        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
        }  
        .mis-slider li figcaption {
            font-size: 1.125em;
        }
        .mis-slider li img {
            /*  Make max-width of image a little less than width of slide
                to avoid some browser shinking bugs */
            max-width: 270px;
            /*  for really small screens make width 100% */
            width: 100%;
            /*  Make image round */
            border-radius: 135px;
            border: none;
        }
        .mis-slide {
            /*  Set width in pixels to restrict width of slides 
                for multi-item slider, default width is 100%
                for single-item slider. Use padding to add space 
                between slides */
	        width: 310px;
            height: 310px;
            /*  Undo the margin added by slider element */
        }
    .mis-nav-buttons a {
        color: #fff; 
    }
    .mis-stage{
        position: static!important;
    }
    .mis-nav-buttons{
        opacity: 1!important;
        top: 26%;
    }
    .mis-prev{
        left: -500px!important;
    }
    .mis-next{
        right: -500px!important;

    }
    .mis-nav-buttons a.mis-prev,.mis-nav-buttons a.mis-next{
        border: 1px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        width: 43px;
        height: 43px!important;
        padding-top: 0px!important;
    }
    .mis-nav-buttons a.mis-prev:before, .mis-nav-buttons a.mis-next:after{
        content: ''!important;
        width: 15px!important;
        height: 27px!important;
        background: url('/style/images/lhj/teacher-left.png') no-repeat center center!important;
        left: 12px;
        top: 8px;
        position: absolute;
    }
    .mis-nav-buttons a.mis-next:after{
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    left: 15px;
    }
    .mis-nav-list{
        display: none!important;
    }

    /*  nav list hide | show */