﻿#slider1_container {
	position: relative; 
	top: 0; 
	left: 0; 
	width: 767px; 
	height: 611px; 
	background: #222; 
	overflow: hidden;
	-o-box-sizing: content-box;
	-icab-box-sizing:content-box;
	-khtml-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing: border-box;
	box-sizing: content-box;
}

	#slider1_container *
	{
		-o-box-sizing: content-box;
	-icab-box-sizing:content-box;
	-khtml-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing: border-box;
	box-sizing: content-box;
	}

/*767*/
/*511*/
.loadingPanel {
	position: absolute; 
	top: 0; 
	left: 0;
}

.loadingPanelBackground {
	filter: alpha(opacity=70); 
	opacity:0.7; 
	position: absolute; 
	display: block;
	background-color: #000; 
	top: 0; 
	left: 0;
	width: 100%;
	height:100%;
}

.loadingPanelWheel {
	position: absolute; 
	display: block; 
	background: url(../images/loading.gif) no-repeat center center;
	top: 0; 
	left: 0;
	width: 100%;
	height:100%;
}

.slideContainer {
	cursor: move; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 767px; 
	height: 511px; 
	overflow: hidden;
	
}

/* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
			.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/a17.png) no-repeat;
                overflow:hidden;
            }
			.jssora05l {
				background-position: -10px -40px;
			}

			.jssora05r {
				background-position: -70px -40px;
			}

            .jssora05l:hover { background-position: -130px -40px; }
            .jssora05r:hover { background-position: -190px -40px; }
            .jssora05ldn { background-position: -250px -40px; }
            .jssora05rdn { background-position: -310px -40px; }

			/* jssor slider thumbnail navigator skin 01 css */
                /*
                .jssort01 .p           (normal)
                .jssort01 .p:hover     (normal mouseover)
                .jssort01 .pav           (active)
                .jssort01 .pav:hover     (active mouseover)
                .jssort01 .pdn           (mousedown)
                */
                .jssort01 .w {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 100%;
                    height: 100%;
                }

                .jssort01 .c {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    width: 68px;
                    height: 68px;
                    border: #000 2px solid;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
                    background: url(../images/t01.png) center center;
                    border-width: 0px;
                    top: 2px;
                    left: 2px;
                    width: 68px;
                    height: 68px;
                }

                .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
                    top: 0px;
                    left: 0px;
                    width: 70px;
                    height: 70px;
                    border: #fff 1px solid;
                }