﻿
/*  Cameo Skin CSS ========================================= */

.mis-stage {
    background: none;
}
    .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: 138px;
        height: 80px;
        background-color: none;
    }
        .mis-slider li a {
            text-decoration: none;
            color: #666;
            display: block;
        }  
        .mis-slider li figcaption {
            font-size: 1.125em;
        }
        .mis-slider li img {
            max-width: 400px;
            width: 100%;
            border: none;
			-webkit-filter: grayscale(100%); 
			-moz-filter: grayscale(100%); 
			-ms-filter: grayscale(100%); 
			-o-filter: grayscale(100%); 
			filter: grayscale(100%); 
			filter: url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");'); 
			filter: gray;
			
        }
		
		 .mis-slider li img:hover {
            max-width: 400px;
            width: 100%;
            border: none;
			-webkit-filter: grayscale(0%); 
			-moz-filter: grayscale(0%); 
			-ms-filter: grayscale(0%); 
			-o-filter: grayscale(0%); 
			filter: grayscale(0%);
			filter: none; 
			transition-duration:2s;
			-moz-transition-duration: 2s; /* Firefox 4 */
			-webkit-transition-duration: 2s; /* Safari 和 Chrome */
			-o-transition-duration: 2s; /* Opera */
        }
        .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: 360px;
            /*  Undo the margin added by slider element */
            margin-top: -138px
        }
    .mis-nav-buttons a {
        color: #fff; 
    }
