/* slideshow */
div.slideshow {
 	position:relative;
	text-align:center !important;
	margin:0 0 0px 10%;
	width:500px;
	height:100%;
	overflow:hidden;	
}


div.slideshow[data-layout="1"] {
    top: 76px;
}

div.slideshow[data-layout="2"] {
    top: 100px;
    bottom: auto;
    height: 500px;
}

div.slideshow[data-layout="top:100"] {
    top: 100px;
}

div.slideshow[data-layout="top:185"] {
    top: 185px;
}

div.slideshow[data-layout="top:132"] {
    top: 132px;
}

div.slideshow[data-layout="h:500"] {
    position: relative;
    bottom: auto;
    height: 500px;
}      
    
    div.slideshow div.slideshow-items {
        position: absolute;
        top:0;
        width: 900px;
        height: 100%;
		margin:0px auto;
		text-align:center;
        overflow: hidden;
  
			
        /*-webkit-transition-property: left,height;
        -moz-transition-property: left,height;
        -ms-transition-property: left,height;
        -o-transition-property: left,height;
        transition-property: left,height;
        -webkit-transition-duration: 333ms;
        -moz-transition-duration: 333ms;
        -ms-transition-duration: 333ms;
        -o-transition-duration: 333ms;
        transition-duration: 333ms;
        -webkit-transition-timing-function: cubic-bezier(0.1,0.7,0.7,1);
        -moz-transition-timing-function: cubic-bezier(0.1,0.7,0.7,1);
        -ms-transition-timing-function: cubic-bezier(0.1,0.7,0.7,1);
        -o-transition-timing-function: cubic-bezier(0.1,0.7,0.7,1);
        transition-timing-function: cubic-bezier(0.1,0.7,0.7,1);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);*/
    }

    
    div.slideshow div.slideshow-items.slideshow-notransition {
        /*-webkit-transition-duration: 0 !important;
        -moz-transition-duration: 0 !important;
        -ms-transition-duration: 0 !important;
        transition-duration: 0 !important;
		-webkit-transition-delay: 0 !important;
        -moz-transition-delay: 0 !important;
        -ms-transition-delay: 0 !important;
        transition-delay: 0 !important;*/
    }
    
        div.slideshow div.slideshow-items div.slideshow-item {
            position: absolute;
            top:0;
            left:0;
            width: 50%;
            height: 100%;
            overflow: hidden;
	
        }
			
			div.slideshow div.slideshow-items div.slideshow-item div.slideshow-center-outer {
				position: absolute;
				top:0;
				left:0;
				width: 100%;
				height:100%;
				display:table;
			}
			
			div.slideshow div.slideshow-items div.slideshow-item div.slideshow-center-inner {
				display:table-cell;
                vertical-align:middle;    
			}

        
        
        div.slideshow div.slideshow-items div.slideshow-item a.slideshow-loader {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -24px;
            margin-left: -24px;
            width: 48px;
            height: 48px;
            display: block;
            background: url(images/ajax-loader.gif) no-repeat 0 0 transparent;
            overflow: hidden;
        }
        
        div.slideshow div.slideshow-items div.slideshow-item div.slideshow-article {
            text-align: center;
        }
        
            div.slideshow div.slideshow-items div.slideshow-item div.slideshow-article h6 {
                margin: 4em 0 0 0;
                background: url(images/circle.png) no-repeat center center transparent;
                font-size: 0.875em; /* 14px / 16px */
                line-height: 39px;
                font-weight: 700;
                color: #000;
            }
            
            div.slideshow div.slideshow-items div.slideshow-item div.slideshow-article h3 {
                margin: 2em 0 0 0;
                padding: 0 0 1em 0;
                background: url(images/line.jpg) no-repeat center bottom transparent;
                text-transform: uppercase;
                font-size: 0.875em; /* 14px / 16px */
                line-height: 1.5em;
                font-weight: 400;
                color: #000;
            }
            
            div.slideshow div.slideshow-items div.slideshow-item div.slideshow-article p {
                margin: 1em 0 0 0;
                font-size: 0.75em; /* 12px / 16px */
                line-height: 1.5em;
                font-weight: 400;
                color: #666;
            }
        
    div.prevnext {
        top:10%;
        margin-left: 100px;
        text-align: center;
        margin:0px auto;
        position: relative;
        width:100px;
        height:32px;
    }

    div.prevnext_1 {
        top:12%;
        margin-left: 100px;
        text-align: center;
        margin:0px auto;
        position: relative;
        width:100px;
        height:32px;
    }

    div.prevnext_2 {
        top:8%;
        margin-left: 100px;
         text-align: center;
        margin:0px auto;
        position: relative;
        width:100px;
        height:32px;
    }

    div.prevnext_3 {
        top:92%;
        margin-left: 100px;
        text-align: center;
        margin:0px auto;
        position: relative;
        width:100px;
        height:32px;
    }
    /* slideshow-prev */
    div.slideshow span.slideshow-prev {
        position: relative;
        float: left;
        bottom:10%;
        width: 32px;
        height: 32px;
        overflow: hidden;
        cursor: pointer;
        background: url(../image/prev.png) no-repeat 0 0 transparent;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -webkit-transition: opacity 200ms ease; 
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease; 
        -o-transition: opacity 200ms ease; 
        transition: opacity 200ms ease;
        display: none;
    }
    
    div.slideshow span.slideshow-prev:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    
    /* slideshow-next */
    div.slideshow span.slideshow-next {
        position: relative;
        float:left;
        bottom:10%;
        width: 32px;
        height: 32px;
        overflow: hidden;
        cursor: pointer;
        background: url(../image/next.png) no-repeat 0 0 transparent;
        opacity: 0.8;
        filter: alpha(opacity=70);
        -webkit-transition: opacity 200ms ease; 
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease; 
        -o-transition: opacity 200ms ease; 
        transition: opacity 200ms ease;
        display: none;
    }
    
    div.slideshow span.slideshow-next:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
        
    /* slideshow-pagination */
    div.slideshow span.slideshow-pagination {
        position: absolute;
        left: 50%;
        bottom: 20px;
        float: left;
        display: none;
    }
    
        div.slideshow span.slideshow-pagination span {
            position: relative;
            left: -50%;
            width: 16px;
            height: 16px;
            float: left;
            background: url(images/pagination.png) no-repeat 0 0 transparent;
            overflow: hidden;
            cursor: pointer;
        }
        
        div.slideshow span.slideshow-pagination span:hover,
        div.slideshow span.slideshow-pagination span.slideshow-active {
            background-position: 0 -16px;
        }
        
        
    /* slideshow-overlay */
    div.slideshow div.slideshow-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: url(images/overlay.png) repeat 0 0 transparent;
        background: url(images/overlay.png) repeat 0 0 transparent;
        opacity: 0;
        -webkit-transition: opacity 200ms ease; 
        -moz-transition: opacity 200ms ease;
        -ms-transition: opacity 200ms ease; 
        -o-transition: opacity 200ms ease; 
        transition: opacity 200ms ease;
    }
    
    .ie7 div.slideshow div.slideshow-overlay,
    .ie8 div.slideshow div.slideshow-overlay {
        display: none;
    }
    
    div.slideshow:hover div.slideshow-overlay {
        opacity: 1;
    }
    
    .ie7 div.slideshow:hover div.slideshow-overlay,
    .ie8 div.slideshow:hover div.slideshow-overlay {
        display: block;
    }
/*@media screen and (max-width: 960px){

div.slideshow {
    padding-top: 100px;
    position:relative;
    text-align:center !important;
    margin:0 0 0px 10%;
    width:500px;
    height:100%;
    overflow:hidden;    
}

 div.slideshow span.slideshow-prev {
        background: none;
        display: none;
    }
    
    

    div.slideshow span.slideshow-next {
        background:none;
        display: none;
    }
*/
}