/** css Reset star like yahoo **/

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td {

 padding: 0;

 margin: 0;

}

table {

 border-collapse: collapse;

 border-spacing: 0;

}

fieldset, img {

 border: 0;

}

ul,li{list-style:none;}

h1, h2, h3, h4, h5, h6 {

 font-weight: normal;

 font-size: 100%;

}

/** css Reset end **/

#wrapper {

 position:relative;

 overflow:hidden;

 width:1170px;

 height:117px;

}

#number {

 width:88px;

 position:absolute;

 left:10px;

 bottom:10px;

}

#number li {

 padding-left:6px;

 float:left;

 text-indent:-9999px;

 width:16px;

 height:16px;

 overflow:hidden;

 background-image:url(../images/number1.png);

 background-repeat:no-repeat;

}

#buttom_0 {

 background-position:0 0;

}

#buttom_1 {

 background-position:-22px 0;

}

#buttom_2 {

 background-position:-44px 0;

}

#buttom_3 {

 background-position:-66px 0;

}

#buttom_0.selected {

 background-position:0 -16px;

}

#buttom_1.selected {

 background-position:-22px -16px;

}

#buttom_2.selected {

 background-position:-44px -16px;

}

#buttom_3.selected {

 background-position:-66px -16px;

}

/* */

.content_right{float:left;}

.content_right .ad { 

 margin-bottom:10px;

 width:1170px; 

 height:117px; 

 overflow:hidden;

 position:relative;

}

.content_right .slider,.content_right .num{

 position:absolute;

}

.content_right .slider li{ 

 list-style:none;

 display:inline;



}

.content_right .slider img{ 

 width:1170px; 

 height:117px;

 display:block;background: #fff;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-backface-visibility: none;

}

.content_right .slider img:hover {

    filter: alpha(opacity=20);

    -moz-opacity: 0.4;

    opacity: 0.4;}



.content_right .num{ 

 right:2px; 

 bottom:0px;

}

.content_right .num li{

 float: left;

 color: #000;

 text-align: center;

 line-height: 16px;

 width: 16px;

 height: 16px;

 font-family: Arial;

 font-size: 12px;

 cursor: pointer;

 overflow: hidden;

 margin: 3px 1px;

 border: 1px solid #fff;

 background-color: #fff;font-weight: bold;

    filter: alpha(opacity=20);

    -moz-opacity: 0.2;

    opacity: 0.6;

}

@media (max-width:992px){

		#wrapper{ width:992px!important;}

		.content_right .ad { width:992px!important;}

		.content_right .slider img{ width:992px!important}

	}

.content_right .num li.on{

 color: #fff;

 line-height: 16px;

 width: 16px;

 height: 16px;

 font-size: 14px;

 margin: 3px 1px;

 border: 1px solid #000;

 background-color: #000;

 font-weight: bold;font-weight: bold;

    filter: alpha(opacity=20);

    -moz-opacity: 0.2;

    opacity: 0.6;

}



.imgHover1 img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}

.imgHover1 img:hover{filter: alpha(opacity=20); -moz-opacity: 0.4;opacity: 0.4;}