@charset "gb2312";


a:link,
a:visited {
	text-decoration: none;
}
a:hover,
a:active{
	text-decoration: underline;
}


h1 a {
	font-size: 150%;
	font-weight: 900;
	font-family: 宋体,'Microsoft Yahei','Simhei';
}

h2 {
	border: 0;
	border-left: 6px solid #404052;
	margin: 0 0 20px;
}
h2 span {
	font-size: 120%;
	background: none;
	border:0;
	padding: 10px 0 0 15px;
	line-height: 1;
	font-family: 宋体,'Microsoft Yahei','Simhei';
	letter-spacing: 0.1em;
	color: #333;
}
h3 {
	font-family: 宋体,'Microsoft Yahei','Simhei';
	letter-spacing: 0.1em;
	font-size: 100%;
	border: 0;
}
h3 span {
	display: block;
	border-bottom: 1px solid #eee;
	line-height: 1.5;
}
h3 a:hover {
	text-decoration: none;
}
h4 {
	background: url("/css/a/icon_h4.gif") 0 3px no-repeat;
	text-indent: 25px;
	line-height: 1.5;
}

blockquote {
	background: #f2f2f2;
	text-align: center;
	padding: 20px 20px;
	margin: 0 0 20px;
	line-height: 2;
	font-family: 'Microsoft Yahei','Simhei';
	letter-spacing: 0.1em;
	font-size: 110%;
}
.note {
	color: #c30;
	line-height: 1.2;
	font-size: 83%;
}
.note sup {
	color: #c30;
}
td sup {
	color: #FFF;	
}
sup {
	vertical-align: super;
}
sup, sub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 73%;
}
span.note {
	font-weight: 900;
}

.Due {
	margin: 0 0 30px;	
}

p.TextStyle1, ul.LinkListStyle1 {
	font-size: 90%;
	letter-spacing: 1px;
	line-height: 1.5;	
}


ol.ListStyle1 li {
	margin: 0 0 15px;
}

ol.ListStyle1 li p {
	margin: 5px 0;
	line-height: 1.5;
}
ul.FeatureStyle1 {
	font-size: 90%;
	line-height: 1;
	margin: 0 0 15px;
}
ul.FeatureStyle1 li {
	background: url("/css/a/icon_h4.gif") 0 1px no-repeat;
	margin: 0 10px 8px 0;
	padding: 0 0 0 25px;
	line-height: 1.25;
}
ul.FeatureStyle1.SP li {
	display: inline;
	display: inline-block;
}

ul.PdfListStyle1 li,
ul.PdfListStyle2 li {
	display: block;
	margin: 0 15px 15px 0;
	background: #222 url("/css/a/btn_pdf_bg.jpg") 0 0 repeat-x;
	-webkit-border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
ul.PdfListStyle2 li {
	display: block;
	width: 230px;
	float: left;
}
ul.PdfListStyle1 li a, 
ul.PdfListStyle2 li a {
	display: block;
	padding: 20px 10px 20px 65px;
	background: url("/css/a/icon_pdf.png") 15px 15px no-repeat;
	color: #FFF;
	font-size: 90%;
	line-height: 1.5;
	-webkit-border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
ul.PdfListStyle1 li a:hover,
ul.PdfListStyle2 li a:hover {
	background-color: #666;
	text-decoration: none;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	-moz-box-shadow:  0 2px 5px rgba(0,0,0,.3);
	box-shadow:  0 2px 5px rgba(0,0,0,.3);
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}
ul.PdfListStyle1 li a:active,
ul.PdfListStyle2 li a:active {
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow:  0 2px 2px rgba(0,0,0,.3);
	box-shadow:  0 2px 2px rgba(0,0,0,.3);
}
ul.PdfListStyle2 {
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
}
ul.PdfListStyle2 li.Last {
	margin: 0 0 15px 0;
	float: right;
}

ul.ImgListStyle1 li {
	float: left;
	margin: 0 15px 0 0;
}


.OilPage ul.FeatureStyle1.SP li {
	width: 100px;
}


div.Grid4 div.Column1andHalf {
	float: left;
	display: inline;
	width: 353px;
}
div.Grid4 div.Column2andHalf {
	float: right;
	display: inline;
	width: 597px;
}
div.Grid4 div.Column1-3 {
	float: left;
	width: 311px;
	margin: 0 15px 0 0;
}

div.Grid4 div.Column1-3.LastItem {
	float: right;
	margin: 0;
}


table.widthAdjust th {
	width: 200px;	
}

table.SP th,
table.SP td {
	border: 5px solid #FFF;
	margin: 0 0 5px;
	background: #FFF;
	font-size: 90%;
}
table.SP th {
	text-align: center;
	padding: 5px;
}
table.SP th span {
	display: block;
	width: 90%;
	padding: 10px;
	background: #E8E8E8;
	-webkit-border-radius: 0.5em; 
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}

table.TableStyle5 {
	width: 100%;
	border-collapse:separate;
}
table.TableStyle5 th {
	background: #616161;
	width: 230px;
	color: #FFF;
	border: 0;
}
table.TableStyle5 td {
	color: #616161;
	background: #EAEAEA;
	border: 0;
}
table.TableStyle5 th sup {
	color: #FFF;	
}


/* [s1] Header
=========================================================================================== */
div#Header {
	width: 965px;
	margin: 3px auto 0;
}
div#Header ul {
	float: right;
}
div#Header ul li {
	display: inline;
}
div#Header ul li a {
	background: url("/css/a/icon_link.gif") no-repeat scroll left center transparent;
    padding: 0 0 0 12px;
	margin: 0 0 0 5px;
    vertical-align: middle;
	font-size: 0.8em;
}

div#Header ul#CountryRegion {
	float: left;
    font-size: 83%;
    margin: 3px 0 0;
}
div#Header ul#CountryRegion li {
    background: url("/css/a/icon_world.gif") 0 0 no-repeat;
	float: left;
    margin: 0 8px 0 0;
    padding: 2px 0 5px 18px;
    position: relative;
    z-index: 2;
}
div#Header ul#CountryRegion li a {
	display: block;
    background: none;
	padding: 0;
	font-size: 90%;
}
div#Header ul li.LeftSeparater {
    background: url("/image/h1/bg_u_navi_separater.gif") 0 50% no-repeat;
    display: inline;
    padding: 1px 0 1px 8px;
	margin: 0 0 0 8px;
}

div#Header dl#sideBar dt.Menu a {
	display: none;
}

#BrandingAreaContainer {
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 100%;
	margin: 0 0 30px;
	height: auto;
}

#BrandingArea {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

#BrandimageList {
	display: block;
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	height: 507px;
	padding: 0;
	margin: 0;
}

#BrandimageList li {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	left: 0;
	top: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;	
}

#BrandimageList li a {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
}

#BrandimageList li:first-child {
  position: relative;
  display: block;
}

#BrandimageList img.bimg {
  height: auto;
  width: auto;
  border: 0;
  display:none;
}

#BrandimageList li .TextArea{
	display:block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 50px -600px;
	background: url("/image/hcms/text_bg.png") repeat scroll 0 0 transparent;
	width:340px;
	font-size:83%;
	z-index: 8;
}

#BrandimageList li .TextArea p{
	width:310px;
	line-height:1.4;
	text-align:left;
	color:#FFF;
	padding:10px 20px;
}
#BrandimageList li .LogoArea{
	position: absolute;
	bottom: 0;
	left: -6%;
	margin: 0 0 -30px -8px;
	
}

#BrandimageList li .LogoAreaFirst{
	position: absolute;
	bottom: 0;
	left: -6%;
	margin: 0 0 240px -8px;
	
}

#BrandingArea .brandSlider_nav {
	background: url("/css/a/btn_slider_controler.png") left center no-repeat;
    height: 60px;
    left: 0;
    margin-top: -35px;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-indent: -9999px;
    top: 48%;
    width: 38px;
    z-index: 11;
	margin: 0 0 0 10px;
}
#BrandingArea .brandSlider_nav:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/
     filter:alpha(opacity=70);  /*IE5、IE5.5、IE6、IE7*/
     opacity: .7;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/	
}

#BrandingArea .brandSlider_nav.next {
    background-position: right center;
    left: auto;
    right: 0;
	margin: 0 10px 0 0;
}
#Slider-nav {
	position: absolute;
	margin: 0 auto;
	width: 100%;
    left: 0;
	bottom: 75px;
	z-index: 10;
}
#Slider-control {
	display: inline;
	text-align: center;
}
#Slider-control li {
	text-align: center;
	display: inline;
	
}
#Slider-control li a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*IE8*/
     filter:alpha(opacity=50);  /*IE5、IE5.5、IE6、IE7*/
     opacity: .5;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/	
}
#Slider-control li a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE8*/
     filter:alpha(opacity=100);  /*IE5、IE5.5、IE6、IE7*/
     opacity: 1;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/	
}
#Slider-control li img {
	border: 1px solid #000;
	height: 30px;
}
#Slider-control li.brandSlider_here a {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*IE8*/
     filter:alpha(opacity=70);  /*IE5、IE5.5、IE6、IE7*/
     opacity: .7;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/	
}
#Slider-control li.brandSlider_here a img {
	border: 1px solid #FFF;
}
#BlockArea {
	position: relative;
	width: 965px;
	margin: 0 auto;
}
#BlockArea .block1 {
	background: #ff7214;
	padding: 23px 17px;
	text-align: left;
	float: left;
}
#BlockArea .block1 h2 {
	border: 0;
	color: #FFF;
}

div#SiteIdentityNew {
	width: 965px;
	height: 60px;
    background: url("/image/hcms/bg_site_id_co_s.png") repeat-x scroll 0 0 transparent;
	margin: 0 auto;
}
#TopPage div#SiteIdentityNew {
	margin-left: -482.5px;
}
div#SiteIdentityNew h1 {
	float: left;
	margin: 15px 0 0 17px;
}
div#SiteIdentityNew h1 a {
	display: block;
}
div#SiteIdentityNew p.Statement {
	height: 60px;
	background: none;
	clear: right;
    float: right;	
}
#PopUpContainer div#SiteIdentityNew p.Statement {
	width: 100%;	
}

body#TopPage div#SiteIdentityNew {
	height: 83px;
    background: url("/image/hcms/bg_site_id_co.png") repeat-x scroll 0 0 transparent;
    left: 50%;
    position: absolute;
    top: 0;
    z-index: 10;
}
body#TopPage div#SiteIdentityNew h1 {
	margin: 22px 0 0 30px;
}
body#TopPage div#SiteIdentityNew p.Statement {
	height: 83px;
}
.hide { display:none;}



/* [s2] Global Navigation
=========================================================================================== */

div#GlobalNavi {
	position: relative;
	display: block;
	margin: -3px auto 0;
	width: 965px;
	background: #222;
	padding: 1px 0 0;
	clear: both;
	z-index: 99;
}
div#GlobalNavi div {
	background: #222;
	padding: 0;
}
ul#GlobalNaviTop {
	width: 963px;
	position: relative;
	display: block;
	float: none;
	height: 58px;
	margin: 0 auto 0;
	padding: 0 2px 0 0;
	background: url("/image/hcms/Global_navi_bg.gif") right top repeat-y;
	font-size: 100%;
	z-index: 10;
}
ul#GlobalNaviTop .tempNavi {
	display: none;
}
ul#GlobalNaviTop li {
	margin: 0;
	padding: 0 0 0 2px;
	width: 136px;
	height: 57px;
	background: url("/image/hcms/Global_navi_bg.gif") 0 0 repeat-y;
	border-bottom: 1px solid #222;
	text-align: center;
}


ul#GlobalNaviTop li a {
	float: none;
	padding: 0;
	width: 100%;
	height: 57px;
	line-height: 57px;
	text-align: center;
	background: none;
	text-decoration: none;
	background-color: #222;
	background-image: url("/image/hcms/Global_navi.gif");
	background-position: top center;
	background-repeat: no-repeat;
	border-bottom: 0;
}
ul#GlobalNaviTop li.navi0 { width: 133px;}
ul#GlobalNaviTop li.navi0 a {background-position: center -58px;}
ul#GlobalNaviTop li.navi1 a {background-position: center -176px;}
ul#GlobalNaviTop li.navi2 a {background-position: center -294px;}
ul#GlobalNaviTop li.navi3 a {background-position: center -412px;}
ul#GlobalNaviTop li.navi4 a {background-position: center -530px;}
ul#GlobalNaviTop li.navi5 a {background-position: center -648px;}
ul#GlobalNaviTop li.navi6 a {background-position: center -766px;}

ul#GlobalNaviTop li.hover a {
	background-color: #444;
}
ul#GlobalNaviTop li a span {
	color: #FFF;
	display: none;
}
ul#GlobalNaviTop li span.arrow {
	position: relative;
	top: -8px;
	+top:-11px; /* IE7 */ 
	display: none;
	width: 100%;
	height: 8px;
	background-image: url("/css/a/icon_globalnavi_arrow.gif");
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index: 6;
}
ul#GlobalNaviTop li.hover span.arrow {
	display: block;
}
ul#GlobalNaviTop li div.PullMenu {
	display: block;
	position: absolute;
	height: 0px;
	width: 925px;
	padding: 0 0 0 40px;
	left: 0;
	top: 57px;
	background: url("/image/hcms/pullup_bg.png") 0 0 repeat;
	overflow: hidden;
	z-index: 1;
}


#TopPage ul#GlobalNaviTop > li {
	width: 159px;
}
#TopPage ul#GlobalNaviTop > li.navi6 {
	width: 158px;	
}

body#TopPage div#GlobalNavi {
    width: 100%;

}
body#TopPage ul#GlobalNaviTop li.navi1 a {background-position: center -118px;}
body#TopPage ul#GlobalNaviTop li.navi2 a {background-position: center -236px;}
body#TopPage ul#GlobalNaviTop li.navi3 a {background-position: center -354px;}
body#TopPage ul#GlobalNaviTop li.navi4 a {background-position: center -472px;}
body#TopPage ul#GlobalNaviTop li.navi5 a {background-position: center -590px;}
body#TopPage ul#GlobalNaviTop li.navi6 a {background-position: center -708px;}
body#TopPage ul#GlobalNaviTop li span.arrow {
	top: auto;
	height: 7px;
	background-position: top center;
	margin-top: -7px;
}



#TopPage ul#GlobalNaviTop li div.PullMenu {
	top: auto;
	bottom: 58px;
}
ul#GlobalNaviTop li div.PullMenu h2,
ul#GlobalNaviTop li div.PullMenu h2 span,
ul#GlobalNaviTop li div.PullMenu h2 a,
ul#GlobalNaviTop li div.PullMenu h3,
ul#GlobalNaviTop li div.PullMenu h3 a {
	clear: both;
	float: left;
	display: block;
	border: 0;
	height: auto;
	width: auto;
	background: none;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #FFF;
}
ul#GlobalNaviTop li div.PullMenu h2 {
	display: block;
	width: 90%;
	clear: both;
	margin: 10px 0 0;
	padding: 0 5px 0 0;
}
body#TopPage ul#GlobalNaviTop li div.PullMenu h2 span a,
ul#GlobalNaviTop li div.PullMenu h2 span a {
	padding: 0 35px 0 0;
	background: url("/css/a/icon_pullmenu_h2_link.gif") center right no-repeat;
	font-size: 100%;	
	line-height: 2.5;
}
body#TopPage ul#GlobalNaviTop li div.PullMenu h3 a,
ul#GlobalNaviTop li div.PullMenu h3 a {
	margin: 5px 0 0;
	padding: 0 25px 0 0;
	font-size: 83%;	
	line-height: 1.5;
	background: url("/css/a/icon_pullmenu_h3_link.gif") center right no-repeat;
}

ul#GlobalNaviTop li div.PullMenu div {
	background: none;
	width: auto;
	float: left;
}
ul#GlobalNaviTop li.navi1 div.PullMenu div.part1 {width: 26%;}
ul#GlobalNaviTop li.navi1 div.PullMenu div.part2 {width: 74%;}

ul#GlobalNaviTop li div.PullMenu ul {
	clear: both;
	width: 100%;
	top: 0;
	left: 0;
	display: block;
	padding: 5px 0 0;
}
ul#GlobalNaviTop li div.PullMenu ul li {
	display: inline-block;
	width: 205px;
	height: 52px;
	padding: 0;
	margin: 0 15px 15px 0;
	background: none;
	text-decoration: none;
}
ul#GlobalNaviTop li div.PullMenu ul li a {
	display: block;
	background: none;
	padding: 0;
}



/* Vertical Local Navigation */

div.Grid1 div#VerticalLocalNavi {
	overflow: hidden;
}
div.Grid1 div#VerticalLocalNavi ul li a {
	background: none;
	padding: 12px 5px 12px 7px;
	color: #343434;
	line-height: 1.2;
}
div.Grid1 div#VerticalLocalNavi ul li a:hover {
	width: 218px;
	background: #dadada;
	text-decoration: underline;
}
div.Grid1 div#VerticalLocalNavi ul li a:visited {
	text-decoration: none;
}

div.Grid1 div#VerticalLocalNavi li.Current strong {
	font-weight: 900;
}
div.Grid1 div#VerticalLocalNavi,
div.Grid1 div#VerticalLocalNavi ul,
div.Grid1 div#VerticalLocalNavi li {
	border: 0;
}
div.Grid1 div#VerticalLocalNavi ul li {
	width: 230px;
	border-top: 1px solid #FFF;
	background: #dadada url("/css/a/bg_lv1.gif") 0 0 repeat-x;
}
div.Grid1 div#VerticalLocalNavi ul li.Current,
div.Grid1 div#VerticalLocalNavi ul li.pulldown{
	background: #6c6c6c url("/css/a/bg_lv1_current.gif") 0 0 repeat-x;
}
div.Grid1 div#VerticalLocalNavi ul li.pulldown > a {
	background: url("/css/a/icon_navi_down_arrow_wt.gif") 8px 14px no-repeat;
	color: #FFF;
	padding: 12px 0 12px 25px;
	font-weight: 900;
	width: 205px;
}
div.Grid1 div#VerticalLocalNavi ul li.pulldown > a:hover {
	background: #6c6c6c url("/css/a/icon_navi_down_arrow_wt.gif") 8px 14px no-repeat;
	text-decoration: underline;
}
div.Grid1 div#VerticalLocalNavi ul li.Current a {
	background: url("/css/a/icon_navi_current_arrow_wt.gif") 8px 14px no-repeat;
	padding: 12px 0 12px 25px;
	width: 205px;
}
div.Grid1 div#VerticalLocalNavi ul li.Current a:hover {
	background: #6c6c6c url("/css/a/icon_navi_current_arrow_wt.gif") 8px 14px no-repeat;
}
div.Grid1 div#VerticalLocalNavi ul li.Current a strong {
	display: inline;
	background: #282828;
	padding: 0 1px;
	margin: 0;
}
div.Grid1 div#VerticalLocalNavi ul li.Current ul li a {
	padding: 12px 0 12px 25px;
	background: none;
}
div.Grid1 div#VerticalLocalNavi ul li.Current ul li a:hover {
	width: 205px;
	background: #dadada;
}
div.Grid1 div#VerticalLocalNavi ul li ul li {
	background: #f0f0f0;
	border-top: 1px solid #FFF;
}
div.Grid1 div#VerticalLocalNavi ul li ul li a {
	padding: 12px 0 12px 25px;
}
div.Grid1 div#VerticalLocalNavi ul li ul li a:hover {
	width: 	206px;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.Current a {
	background: #efefef url("/css/a/icon_navi_current_arrow_blc.gif") 8px 14px no-repeat;
	padding: 12px 0 12px 25px;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.Current > a:hover {
	background: #dadada url("/css/a/icon_navi_current_arrow_blc.gif") 8px 14px no-repeat;
}

div.Grid1 div#VerticalLocalNavi ul li ul li.Current > a strong {
	margin: 0;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.Current ul li a:hover {
	width: 197px;
}

div.Grid1 div#VerticalLocalNavi ul li ul li.pulldown {
	background: #f0f0f0;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.pulldown > a {
	color: #343434;
	font-weight: 900;
	background: url("/css/a/icon_navi_down_arrow_blc.gif") 8px 14px no-repeat;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.pulldown a:hover {
	background: #dadada url("/css/a/icon_navi_down_arrow_blc.gif") 8px 14px no-repeat;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.pulldown ul li a {
	font-weight: 100;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.pulldown ul li a:hover {
	background: #dadada;
}
div.Grid1 div#VerticalLocalNavi ul ul ul {
	border-top: 0;	
}
div.Grid1 div#VerticalLocalNavi ul li ul li.Current ul li a {
	padding: 8px 0 8px 33px;
	background: none;
}
div.Grid1 div#VerticalLocalNavi ul li ul li ul li,
div.Grid1 div#VerticalLocalNavi ul li ul li.pulldown ul li a,
div.Grid1 div#VerticalLocalNavi ul li ul li.Current ul li,
div.Grid1 div#VerticalLocalNavi ul li ul li ul li a {
	background: #f9f9f9;
	border: 0;
}
div.Grid1 div#VerticalLocalNavi ul li ul li.Current ul li,
div.Grid1 div#VerticalLocalNavi ul li ul li ul li {
	border-top: 1px solid #FFF;
}
div.Grid1 div#VerticalLocalNavi ul li ul li ul li a {
	padding: 8px 0px 8px 33px;
}
div.Grid1 div#VerticalLocalNavi ul li ul li ul li.Current {
	background: #282828;
}
div.Grid1 div#VerticalLocalNavi ul li ul li ul li.Current a {
	width: 196px;
	background: url("/css/a/icon_navi_current_arrow_wt.gif") 16px 10px no-repeat;
	padding: 8px 0px 8px 33px;
}
div.Grid1 div#VerticalLocalNavi ul li ul li ul li.Current a:hover {
	background: #282828 url("/css/a/icon_navi_current_arrow_wt.gif") 16px 10px no-repeat;
	text-decoration: underline;
}

div.Grid1 div#VerticalLocalNavi ul li ul li ul li.Current a strong {
	padding: 0;
}

/* [s3] Toppage Block Area
=========================================================================================== */
#TopBlocks {
	margin: 0 0 30px;
}
div.BlockStyle {
	display:block;
	float: left;
	width: 100%;
	margin: 0 0 20px;
	overflow: hidden;
	zoom: 1;
	border: 1px solid #eee;
	+border:0px; /* IE7 */ 
	_border:0px; /* IE6 */ 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
div.BlockStyle a {
	display:inline-block;
	display:block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	zoom: 1;
	text-decoration: none;
}
div.BlockStyle a img {
	display:inline-block;
	line-height: 36px;
	zoom: 1;
}


div.BlockStyle a span {
	display:inline-block;
	display:block;
	position: relative;
	width: 100%;
	margin: -36px 0 0;
	height: 36px;
	line-height: 36px;
	text-indent: 8px;
	font-size: 90%;
	cursor: pointer;
	color: #FFF;
	background: url("/css/a/blockstyle_bg.png") top right no-repeat;
	zoom: 1;
	z-index: 10;
}

/* [s4] CSR
=========================================================================================== */
div.BlockStyle2 {
	position: relative;
	width: 305px;
	height: 100%;
	display: block;
	border: 1px solid #eee;
	overflow: hidden;
}
div.BlockStyle2 img {
	display: block;
}
div.BlockStyle2 div.title {
	position: absolute;
	top: -50px;
	text-align: center;
	width: 100%;
	background: #000;
}
div.BlockStyle2 div.title p {
	color: #FFF;
	line-height: 2;
	margin: 0;
	font-weight: 900;
	padding: 10px 0;
}
div.BlockStyle2 div.title p span {
	color: #FFF;
}

div.BlockStyle2 a {
	display: block;
	position: absolute;
	bottom: -60px;
	font-size: 83%;
	width: 100%;
	height: 60px;
	left: 0;
	background: #F60 url("/css/a/icon_download.png") 10px center no-repeat;
	color:#FFF;
}
div.BlockStyle2 a.more {
	width: 50%;
	bottom: -60px;
	right: 0;
	left: auto;
	background: #F60 url("/css/a/icon_more.png") 10px center no-repeat;
	z-index: 2;
}
div.BlockStyle2 a:hover {
	background-color: #F90;
}
div.BlockStyle2 a span {
	display: block;
	color:#FFF;
	padding: 21px 0 0 50px;
	line-height: 1.2;
}
div.BlockStyle2 a.download span {
	padding: 15px 0 0 46px;
}
div.PdfList {
	display: none;
	position: relative;
	top: 0;
	border: 5px solid #eee;
	padding: 30px;
}


/* Products // Loader */
#loader div.BlockStyle {
	border: 1px solid #ddd;
}
#loader div.Column1-3 {
	margin-top: 20px;	
}


#loader div.BlockStyle a span {
	display:inline-block;
	display:block;
	position: relative;
	width: 100%;
	margin: -36px 0 0;
	height: 36px;
	line-height: 36px;
	text-indent: 8px;
	font-size: 90%;
	cursor: pointer;
	color: #FFF;
	background: url("/css/a/blockstyle_bg2.png") top right no-repeat;
	zoom: 1;
	z-index: 10;
}

#loader div.Current a span {
	background: url("/css/a/blockstyle_bg3.png") top right no-repeat;
}
#loader div.Current a span,
#loader div.Current a:hover span{
	background-position: top right;
}
#loader .Current span.Arrow {
	display: block;
	clear: both;
	position: relative;
	bottom: 22px;
	margin: 0 0 -22px;
	height: 14px;
	background: url("/css/a/icon_block_down_arrow.gif") top center no-repeat;
}

#loader div.InfoBlock {
	display: none;
	clear: both;
	padding: 20px 40px;
	clear: both;
	background: #f3f3f3;
	border: 1px solid #e8e8e8;
	margin: 0 0 20px;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);
	-moz-box-shadow:  0 5px 5px rgba(0,0,0,.1);
	box-shadow:  0 5px 5px rgba(0,0,0,.1);

}
#loader div.container {
	width: 60%;
	float: left;
	margin: 0;
	padding: 0 40px 0 0;
	border-right: 1px solid #999;
}
#loader div.pdf {
	width: 30%;
	margin: 0 0 0 40px;
	padding: 0;
	border: 0;
}




/* Video Block */

.VideoBlock div.SingleBox {
	float: left;
	display: inline;
	margin: 0 auto;
}


.VideoBlock div p.ImgOnlyStyle {
	margin: 0;
	line-height: 0;
	position: relative;
}

.VideoBlock div a.box {
	display: block;
	margin: 0;
	line-height: 0;
	width: 100%;
}
.VideoBlock div p img {
	margin: 0;
	line-height: 0;
}
.VideoBlock div a.box span {
	display: none;
	position: absolute;
	left:0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: url("/css/a/btn_play.png") center center no-repeat;
}
.VideoBlock div.info {
	 background: #cfcfcf url("/css/a/btn_video_info_bg.gif") 0 0 repeat-x;
	 margin: 0 0 40px;
}
.VideoBlock div.info p {
	font-size: 83%;
	padding: 5px 10px;
	line-height: 1.2;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.VideoBlock div.info p span {
	color: #791201;
}
.videoTemp {
	overflow: hidden;
}



/* [s4] News Tab
=========================================================================================== */
#TopNewsArea {
	width: 100%;
	margin: 0 0 20px;	
}
#TopNewsArea ul#Tabs {
	display: block;
	clear: both;
	height: 41px;
}
#TopNewsArea ul#Tabs li {
	display: block;
	float: left;
	border: 1px solid #CCC;
	margin-top: 4px;	
}
#TopNewsArea ul#Tabs li a {
	display: block;
	width: 400px;
	height: 36px;
	font-family: 宋体,'Microsoft Yahei','Simsun';
	text-align: center;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: 900;
	color: #101010;
	letter-spacing: 0.2em;
	line-height: 36px;
	background: url("/css/a/btn_news_bg.gif") 0 0 no-repeat;
}
#TopNewsArea ul#Tabs li.firstTab a {
	background: url("/css/a/btn_news_bg.gif") right top no-repeat;
	height: 36px;
}
#TopNewsArea ul#Tabs li a:hover {
	background: #FFF;
}
#TopNewsArea ul#Tabs li.current {
	margin-top: 0px;
	border-bottom: 0;
}
#TopNewsArea ul#Tabs li.current a {
	background: #FFF;
	height: 38px;
	border-top: 4px solid #ff0126;
}
#TopNewsArea ul#Tabs li.more {
	float: right;
	width: 78px;
	border: 0;
}
#TopNewsArea ul#Tabs li.more a {
	display: block;
	background-image: url("/css/a/btn_news_more.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	width: 78px;
}
#TopNewsArea ul#Tabs li.more a:hover {
	background-position: 0 -30px;
}
#TopNewsArea ul#Tabs li.more a span {
	display: none;
}

#TopNewsArea .TabContents {
	display: block;
	border: 1px solid #ccc;
	background: #FFF;
}
#TopNewsArea .TabContents dl {
	margin: 40px;
}
#TopNewsArea .TabContents {
	display: none;
}
#TopNewsArea div.current {
	display: block;
}

#TopNewsArea h3 {
	display: none;
}
#TopBanners {
	margin: 0 0 20px;	
}
#TopBanners .BlockStyle {
	height: 103px;
}
#TopBanners a img {
	width: 100%;
}

div#TopicPath {
	margin: 10px auto 4px;	
}

/* [s5] Common Parts
=========================================================================================== */
.ColumnBgColor {
	background: #f2f2f2;
}
.ColumnSet .innerBlock {
	clear: both;
}
.ColumnBgColor .innerBlock {
	clear: both;
	padding: 0 15px 20px;
	margin: 0;
}

ul.ButtonStyle1,
ul.ButtonStyle2,
ul.ButtonStyle3 {
	margin: 10px 0 20px;
}
ul.ButtonStyle1 li,
ul.ButtonStyle2 li,
ul.ButtonStyle3 li{
	float: left;
	display: inline;
	display: inline-block;
	border: 1px solid #999;
	margin: 0 10px 20px 0;
	background: url("/css/a/icon_button_bg.gif") left center repeat-x;
}
ul.ButtonStyle3 li{
	border: 0;
	background: none;
	float: right;
}
ul.ButtonStyle2 li {
	float: left;
	clear: both;
}
ul.ButtonStyle1 li a,
ul.ButtonStyle2 li a,
ul.ButtonStyle3 li a {
	display: block;
	background: url("/css/a/icon_black_arrow.gif") right center no-repeat;
	font-size: 90%;
	line-height: 2;
	text-indent: 12px;
	padding: 0 40px 0 0;
}

ul.ButtonStyle1 li a:hover,
ul.ButtonStyle2 li a:hover {
	text-decoration: none;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.4);
	box-shadow: 0 1px 5px rgba(0,0,0,.4);
}
ul.ButtonStyle3 li a:hover {
	background-color: #f3f3f3;
	text-decoration: none;
}


ul.ButtonStyle4 {
	display: block;
	clear: both;
}
ul.ButtonStyle4 li {
	float: left;
}
ul.ButtonStyle4 li a {
	display: block;
	margin: 0 10px 10px 0;
	padding: 10px 0 10px 22px;
	background: #999;
	text-decoration: none;
	-webkit-border-radius: 0.2em; 
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}
ul.ButtonStyle4 li.current a {
	background: #222;
}
ul.ButtonStyle4 li a:hover {
	background: #666;
}
ul.ButtonStyle4 li a span {
	display: block;
	color: #FFF;
	font-size: 90%;
	padding: 0 30px 0 0;
	margin: 0 10px 0 0;
	background: url("/css/a/icon_pullmenu_h2_link.gif") center right no-repeat;	
}

ul.ButtonStyle5 {
	position:relative;
	text-align: right;
	top:140px;
	left:238px;
}
ul.ButtonStyle5 li {
	text-align: left;
}
ul.ButtonStyle5 li a {
	padding: 10px 40px 10px 20px;
	border: 1px solid #FFF;
	line-height: 40px;
	background: #f06d1f url("/css/a/icon_white_arrow.gif") center right no-repeat;
	color: #FFF;
}
ul.ButtonStyle5 li a:hover {
	-webkit-box-shadow: 0 1px 5px rgba(240,109,31,.5);
	-moz-box-shadow: 0 1px 5px rgba(240,109,31,.5);
	box-shadow: 0 1px 5px rgba(240,109,31,.5);
}

.ImgFloatAdjust1 p.ImgOnlyStyle {
	float: left;
	margin: 0 0 40px;
	padding: 0 20px 0 0;
	background: #FFF;
}
.ImgFloatAdjust1 .inner {
	display: block;
	padding: 15px 0 0;
}

.ImgFloatAdjust2 p.ImgOnlyStyle {
	float: right;
	margin: 0 0 40px;
	padding: 0 0 0 20px;
	background: #FFF;
}

.ImgFloatAdjust3 p.ImgOnlyStyle {
	float: left;
	padding: 0 20px 0 0;
	margin:0 0 -5px 0;
}


.OilPage .LabelStyle1 p.ImgOnlyStyle,
.OilPage .LabelStyle2 p.ImgOnlyStyle {
	position: relative;
	z-index: 10;
}
.OilPage .LabelStyle1 .Label {
	position: absolute;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	background: #eee;
	padding: 15px 15px 15px 80px;
	margin: -120px 0 0 100px;
	z-index: 2;
}
.OilPage .LabelStyle2 .Label {
	position: absolute;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
	background: #eee;
	padding: 8px 8px 8px 60px;
	margin: -100px 0 0 80px;
	z-index: 2;
}

.OilPage .LabelStyle1 .Label h3 {
	font-size: 90%;
	margin: 0 0 5px;	
}
.OilPage .LabelStyle2 .Label h3 {
	font-size: 83%;
	margin: 0 0 5px;	
}
.OilPage .LabelStyle1 .Label p {
	font-size: 83%;
	line-height: 1.2;
}
.OilPage .LabelStyle2 .Label p {
	font-size: 79%;
	line-height: 1.2;
}

.OilPage .ColourStyle1,
.OilPage .ColourStyle2 {
	font-weight: 900;
	margin: 0 0 10px;
	text-align: center;
	padding: 5px;
	color: #FFF;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.OilPage .ColourStyle1 {
	background-color: #353D72;
}
.OilPage .ColourStyle2 {
	background-color: #B92C65;
}


dl.QAStyle dt {
	margin: 0 0 15px;	
}
dl.QAStyle dd {
	margin: 0 0 25px;	
}
dl.QAStyle span {
	background: #CCF;
	font-size: 90%;
	padding: 3px 10px;
	margin: 0 15px 0 0;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
}
dl.QAStyle dd span {
	background: #eee;
	color: #000;
}


div.Employee .Section {
	display:block;
	clear: both;
	padding:10px 0;
	height: 100px;
	border-top:1px solid #ccc;
}
div.Employee .Section .inner {
	padding: 0;
	width: 600px;
	float:left;
}
div.Employee .Section .inner p.TextStyle2 {
	float:left;
}


p.message{
	font-size: 25px;
	font-family:Simhei,'黑体';
	margin:7px 0 10px 0;
}
div.Employee table{
	width:550px;
	
}
div.Employee table tr{
	border-bottom:solid 1px #CCC;
}
div.Employee table th {
	float:right;
	border:none;
	background-color:#FFF;
	margin:0;
	line-height:0.6;
}
div.Employee table td {
	border:none;
	margin:0;
	width:450px;
	line-height:0.6;
}

.Map {
	display: block;
	position: relative;
}
ul.location {
	position: absolute;
	top: 0;
	left: 0;
}
ul.location li {
	position: absolute;
	z-index: 1;
}
ul.location li.cd { top: 235px; left: 36px;}
ul.location li.sh { top: 230px; left: 205px;}
ul.location li.qd { top: 170px; left: 230px;}
ul.location li.ah { top: 235px; left: 195px; z-index: 100;}

ul.location li.cd, #IE8#HACK { top: 235px; left: 50px;}
ul.location li.sh, #IE8#HACK { top: 230px; left: 219px;}
ul.location li.qd, #IE8#HACK { top: 170px; left: 240px;}
ul.location li.ah, #IE8#HACK { top: 235px; left: 206px; z-index: 100;}


ul.location li.ah ul {
	padding-top: 70px;
	border-right: 1px #83A5CE dashed;
}
ul.location li.sh ul {
	padding-top: 120px;
	border-right: 1px #83A5CE dashed;
}

ul.location li ul li {
	position: relative;
	display: block;	
	padding: 5px 8px;
	font-size: 73%;
	text-align: left;
	white-space: pre;
	color: #FFFFFF;
	background: #83A5CE;
}
ul.location li ul li a {
	clear: both;
	white-space: pre;
	display: block;
	line-height: 1.4;
	color: #FFFFFF;
}
ul.location li ul li a:hover {
	text-decoration: underline;
}

#Reports.ImgFloatAdjust1 .inner {
	padding: 0;
	width: 290px;
	float:left;
}
.PlugInBanner {
	padding: 20px 0 0;
	margin: 0 0 20px;
}



/* [s6] Sitemap Area
=========================================================================================== */

#SitemapArea {
	width: 100%;
	background: #3d3d3d;
	padding: 60px 0 30px;
}
#SitemapArea * {
	color: #FFF;
}
#SitemapArea .ColumnSet {
	width: 965px;
	margin: 0 auto;
}
#SitemapArea .ColumnSet .Column1 {
	width: 160px;
	float: left;
	margin: 0 0 0 70px;
	text-align: left;
}
#SitemapArea .ColumnSet .FirstItem {
	width: 240px;
	padding: 0 30px 0 0;
	margin: 0;
	border-right: 1px solid #bcbdc0;
}
#SitemapArea h3 {
	border: 0;
	letter-spacing: 0;
}
#SitemapArea p {
	font-size: 90%;
	line-height: 1.6;
	margin: 0 0 20px;
}
/*#SitemapArea #FooterForm {
	display: none;
}*/
#SitemapArea form * {
	color: #3d3d3d;
	font-size: 83%;
}
#SitemapArea form input {
	margin: 0 0 10px;
	clear: both;
	width: 215px;
	border: 0;
	background: #bcbdc0;
	padding: 3px;
}
#SitemapArea form select {
	padding: 3px 0 3px 3px;
	border: 1px;
}
#SitemapArea form select option {
	margin: 0 3px 0 0;
	font-size: 83%;
}
#SitemapArea form #cus_phone {
	display: block;
	clear: both;	
}
#SitemapArea form #submit {
	width: 80px;
	color: #FFF;
	background: #10a0d5;
}

#SitemapArea .ColumnSet .Column1 ul {
	display: inline;
}
#SitemapArea .ColumnSet .Column1 ul li {
	font-size: 90%;
	display: block;
	margin: 0 0 40px;
	font-weight: bold;
}
#SitemapArea .ColumnSet .Column1 ul li a {
	display: block;
	line-height: 1.5
}
#SitemapArea .ColumnSet .Column1 ul li ul {
	position: relative;
	margin: 20px 0 0;	
}
#SitemapArea .ColumnSet .Column1 ul li ul li {
	font-weight: normal;
	font-size: 83%;
	margin: 10px 0 0;
}
#SitemapArea .ColumnSet .Column1 ul li ul li a {
	color: #bcbdc0;	
	line-height: 1.1;
}
#SitemapArea .ColumnSet .Column1 ul.share {
	display: block;
	margin: 10px 0 0;	
}
#SitemapArea .ColumnSet .Column1 ul.share li,
#SitemapArea .ColumnSet .Column1 ul.share li a {
	display: inline;
}
#SitemapArea .ColumnSet .Column1 ul.share li a img {
	width: 30px;
}



/* [s7] Footer
=========================================================================================== */

.PageTop {
	clear: both;	
}
div#Footer {
	width: 100%;
	background: #E6E6E6;
}
div#Footer p {
	float: none;
	padding: 0;
}

div#Footer .Section {
	width: 965px;
	margin: 0 auto;
}
div#Footer a, div#Footer p {
	color: #333;	
}
div#Footer ul {
	margin: 15px 0 10px;
}
div#Footer ul li {
	margin: 0 8px 0 0;	
	padding: 0 0 0 8px;
}
div#Footer ul li.FirstItem {
	padding: 0;	
}
div#Footer p.Copyright {
	text-align: left;
	display: block;
	clear: both;
	margin: 0 0 10px;
}
div#Footer p.ICP {
	position: relative;
	margin: -30px 0 0 0;
	width: 100%;
	font-size: 83%;
	text-align: right;
}
div#Footer div.SgsMark {
	position: relative;
	width: 100px;
	margin: -60px auto 0;
	text-align: center;
	font-size: 83%;
}
div#Footer div.SgsMark a {
	margin: 0 auto;
	display: block;
	width: 80px;
	text-align: center;
}

DIV#Contents {
	width: 965px;	
}
DIV#TopicPath {
	width: 950px;	
}


#BrandingImgStyle1 {
	height: auto;	
}
.onlyMobile {
	display: none;
}




/* [s7] Media Player
=========================================================================================== */
.mejs-container {
	position: relative;
	background: #000;
	font-family: Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	overflow: hidden;
}

.mejs-fullscreen {
	/* set it to not show scroll bars so 100% will work */
	overflow: hidden !important;
}

.mejs-container-fullscreen {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
	width: 100%;
	height: 100%;
}

.mejs-clear {
	clear: both;
}

/* Start: LAYERS */
.mejs-background {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mejs-poster {
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}
:root .mejs-poster img {
	display: none ;
}

.mejs-poster img {
	border: 0;
	padding: 0;
	border: 0;
}

.mejs-overlay {
	position: absolute;
	top: 0;
	left: 0;
}

.mejs-overlay-play {
	cursor: pointer;
}

.mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(/image/hcms/player/bigplay.png) no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -100px ;
}

.mejs-overlay-loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: #333;
	background: url(/image/hcms/player/background.png);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
	display: block;
	width: 80px;
	height: 80px;
	background: transparent url(/image/hcms/player/loading.gif) center center no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	background: url(/image/hcms/player/background.png);
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	height: 30px;
	width: 100%;
}
.mejs-container .mejs-controls  div {
	list-style-type: none;
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 26px;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	font-family: Helvetica, Arial;
	border: 0;
}

.mejs-controls .mejs-button button {
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	height: 16px;
	width: 16px;
	border: 0;
	background: transparent url(/image/hcms/player/controls.png) no-repeat;
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
	outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
	color: #fff;
	display: block;
	height: 17px;
	width: auto;
	padding: 8px 3px 0 3px ;
	overflow: hidden;
	text-align: center;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	display: block;
	float: left;
	margin: 1px 2px 0 0;
	width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
	background-position: 0 0;
}

.mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
	background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
	direction: ltr;
	width: 200px;
	padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
	display: block;
	position: absolute;
	width: 180px;
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px;
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
	width: 100%;
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	background-size: 15px 15px;
	-webkit-animation: buffering-stripes 2s linear infinite;
	-moz-animation: buffering-stripes 2s linear infinite;
	-ms-animation: buffering-stripes 2s linear infinite;
	-o-animation: buffering-stripes 2s linear infinite;
	animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #3caac8;
	background: rgba(60,170,200,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8))); 
	background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	position: absolute;
	display: none;
	background: #eee;
	width: 36px;
	height: 17px;
	border: solid 1px #333;
	top: -26px;
	margin-left: -18px;
	text-align: center;
	color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
	margin: 2px;
	width: 30px;
	display: block;
	text-align: center;
	left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
	width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
	width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
	position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background: url(/image/hcms/player/background.png);
	background: rgba(50, 50, 50, 0.7);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: -115px;
	left: 0;
	z-index: 1;
	position: absolute;
	margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.5);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ddd;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
	height: 26px;
	width: 60px;
	position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	background: #333;
	background: rgba(50,50,50,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
	background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8)); 
	background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
	background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	position: absolute;
	left: 0;
	top: 11px;
	width: 50px;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8)); 
	background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
	background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
	display: none;
}

/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
	position: relative;
}

.mejs-controls .mejs-captions-button button {
	background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(/image/hcms/player/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
	font-size: 10px;
	margin: 0 0 5px 0;
}

.mejs-chapters {
	position: absolute;
	top: 0;
	left: 0;
	-xborder-right: solid 1px #fff;
	width: 10000px;
	z-index: 1;
}

.mejs-chapters .mejs-chapter {
	position: absolute;
	float: left;
	background: #222;
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);		
	overflow: hidden;
	border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
	font-size: 11px;
	color: #fff;
	padding: 5px;
	display: block;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
	border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	background: #666;
	background: rgba(102,102,102, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
	background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);		
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
	font-size: 12px;
	font-weight: bold;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0 0 3px 0;
	line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
	font-size: 12px;
	line-height: 12px;
	margin: 3px 0 4px 0;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mejs-captions-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align:center;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}

.mejs-captions-layer  a {
	color: #fff;
	text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
	font-size: 20px;
	font-weight: normal;
}

.mejs-captions-position {
	position: absolute;
	width: 100%;
	bottom: 15px;
	left: 0;
}

.mejs-captions-position-hover {
	bottom: 45px;
}

.mejs-captions-text {
	padding: 3px 5px;
	background: url(/image/hcms/player/background.png);
	background: rgba(20, 20, 20, 0.8);

}
/* End: Track (Captions and Chapters) */

/* Start: Error */
.me-cannotplay {
}

.me-cannotplay a {
	color: #fff;
	font-weight: bold;
}

.me-cannotplay span {
	padding: 15px;
	display: block;
}
/* End: Error */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
	background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
	background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
	background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
	background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
	background-position: -96px 0;
}
/* End: Picture Controls */


/* context menu */
.mejs-contextmenu {
	position: absolute;
	width: 150px;
	padding: 10px;
	border-radius: 4px;
	top: 0;
	left: 0;
	background: #fff;
	border: solid 1px #999;
	z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
	height: 1px;
	font-size: 0;
	margin: 5px 6px;
	background: #333;	
}

.mejs-contextmenu .mejs-contextmenu-item {
	font-family: Helvetica, Arial;
	font-size: 12px;
	padding: 4px 6px;
	cursor: pointer;
	color: #333;	
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
	background: #2C7C91;
	color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
	position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
	background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
	visibility: hidden;
	position: absolute;
	bottom: 26px;
	right: -10px;
	width: 130px;
	height: 100px;
	background: url(/image/hcms/player/background.png);
	background: rgba(50,50,50,0.7);
	border: solid 1px transparent;
	padding: 10px;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none !important;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
	margin: 0 0 6px 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
	color: #fff;
	overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
	clear: both;
	float: left;
	margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
	width: 100px;
	float: left;
	padding: 4px 0 0 0;
	line-height: 15px;
	font-family: helvetica, arial;
	font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/image/hcms/player/background.png);
	background: rgba(50,50,50,0.7);
	z-index: 1000;
	overflow: hidden;
}
.mejs-postroll-layer-content {
	width: 100%;
	height: 100%;
}
.mejs-postroll-close {
	position: absolute;
	right: 0;
	top: 0;
	background: url(/image/hcms/player/background.png);
	background: rgba(50,50,50,0.7);
	color: #fff;
	padding: 4px;
	z-index: 100;
	cursor: pointer;
}
/* End: Postroll */



/* [s7] Fancy Box
=========================================================================================== */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/image/hcms/fancy/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/image/hcms/fancy/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/image/hcms/fancy/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/image/hcms/fancy/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/image/hcms/fancy/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/image/hcms/fancy/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* [s7] Products
=========================================================================================== */

/* New Products */
#newProducts h3 {
	position: absolute;
	width:147px;
	margin:8px 30px;
	text-align:center;
	line-height: 1.6;
	font-size: 110%;
	z-index: 10;
}
#newProducts .BlockStyle {
	border: 1px solid #ccc;	
}
#newProducts .BlockStyle p,
#newProducts .BlockStyleNew p  {
	position: absolute;
	padding: 10px;
	border: 1px solid #FFF;
	background: #f06d1f;
	color: #FFF;
	z-index: 10;
	margin-left: 190px;
}
/*#newProducts .BlockStyle a,
#newProducts .BlockStyleNew a  {
	text-align: center;
}*/
#newProducts .BlockStyle a img,
#newProducts .BlockStyleNew a img  {
	margin: 35px 20px;	
}
#newProducts .BlockStyleNew {
	border: none;	
}



/* Products */

/*			迷你挖掘机		*/
.ProductMain .Section {
	margin: 0;
	padding: 0;
}
#Img360 { margin:0 auto; text-align:center; width:500px; height:380px; position:relative;}
#Img360 img { width:500px; height:380px; display:none;}
.ProductMain2 .Section {
	margin-bottom: 40px;
	padding: 0;
}
.Section .Column1-3 {
	margin-right: 15px;
}
.ProductMain div.BlockStyle {
	width: 230px;
	height: 154px;
}
.ProductMain div.BlockStyle a span {
	margin: -116px 0 0 0
}
.ProSectionBox .TextStyle1 {
	width: 735px;
	margin: 20px 0 0 0
}
.ProSectionBox .TextStyle2 {
	margin: 10px 0 0 0
}
.TextStyle3 {
	 width:260px; top:213px; left:680px;
}
.ProductTop {
	width: 964px;
	height: 490px;
	border: solid 1px #d1d1d1;
	position: relative;
	 font-family: 'Microsoft Yahei',Simsun;
}
.ProductTopBg {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 964px;
	height: 490px;
}
.TitleImg1 {
	position: absolute;
	z-index: 1;
	left: 60px;
	top: 80px;
}
.TitleImgP1{
	font-size:28px;
	 font-weight:bold; 
	 border-bottom:5px solid #000; 
	 text-align:center;
}
.TitleImgP2{
	font-size:22px; 
	font-weight:bold; 
	margin-top:5px;
	line-height:40px;
}
p.TitleImgWhite{
	color:#fff;
	font-size: 1.2em;
	font-weight: 900;
}
p.TitleImgBlack{
	color:#000;
	font-size: 1.2em;
	font-weight: 900;
}

.ProductText1 {
	position: absolute;
	left: 60px;
	top: 245px;
}
.ProductMenu {
	
	width: 861px;
	height: 46px;
	background: url(/image/hcms/products_solution/products/add0920_1.png);
	position: absolute;
	bottom: 0;
	left: 51px;
	z-index: 1;
}
.Section .NoBg {
	background: none;
	border: none;
}
.ProductMenu li.hover {background: url(/image/hcms/products_solution/products/add0920_1.png); color:#000}
.ProductMenu li {
	cursor:pointer;
	float: left;
	width: 215px;
	height: 46px;
	background: url(/image/hcms/products_solution/products/add0920_1.png) -288px 0;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;

}
.ProductMenu li a {
	color: #fff;
}
.ProductMenu .hover a {
	color: #000
}
#province_ul { background: none repeat scroll 0 0 #FFFFFF;
	z-index:20;
    border: 1px solid #CCCCCC;
    position: absolute;
    text-align: center;
    top: 207px;
    width: 121px;
	height:200px;
	overflow:auto;}
#province_ul li { border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    height: 25px;
    line-height: 25px;}
#province_ul li:hover { background:#ccc; color:#fff;}


.ProSectionBox {
	clear: both;
	width: 844px;
	height: auto;
	background: url(/image/hcms/products_solution/products/s.png) repeat-x;
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	position: relative;
	padding:60px;
}
.ProSectionBox.detail {
	height: 460px;
}
.ProSectionBox h2 { text-align:left;}

.all_h2 {
	height: 27px;
	border-left: 8px solid #ff6600;
	text-indent: 25px;
	text-align: left;
	line-height: 40px;
	color: #515151;
	font-size: 18px;
}
.minheight400 {
	min-height: 280px;
}
.SearchAgent {
	background: url(/image/hcms/products_solution/products/add0920_10.jpg);
	width: 155px;
	height: 40px;
	position: absolute;
	z-index: 1;
	right: 0;
}
.ProductImgCut {
	width: 964px;
	height: 155px;
	border: solid 1px #d1d1d1;
	border-top: none;
}
.ProductImgCutBox {
	width: 930px;
	height: 140px;
	margin-top: 7px;
	position: relative;
	background: #474747;
	float: left;
	margin-left: 17px;
}
.CutBoxDiv {
	width: 736px;
	height: 120px;
	position: absolute;
	top: 10px;
	left: 97px;
	overflow: hidden;
}
.CutBoxDiv ul {
	position: absolute;
	left: 0;
	top: 0;
}
.CutBoxDiv ul li {
	width: 160px;
	margin: 0 12px;
	float: left;
	background: #fff;
	height: 120px;
	
	text-align: center;
}
.CutBoxDiv ul li { opacity:0.6; filter:alpha(opacity:60)}
.Cut2BoxDiv ul li { opacity:0.6; filter:alpha(opacity:60)}

.CutBoxDiv ul li:hover { opacity:1; filter:alpha(opacity:100)}
.Cut2BoxDiv ul li:hover { opacity:1; filter:alpha(opacity:100)}

.CutBoxDiv ul #current { opacity:1; filter:alpha(opacity:100)}
.Cut2BoxDiv ul #current { opacity:1; filter:alpha(opacity:100)}
.BtnImgCut1 {
	display:none;
	background: url(/image/hcms/products_solution/products/add0920_2.jpg);
	width: 43px;
	height: 47px;
	cursor: pointer;
	position: absolute;
	display: block;
	left: 25px;
	top: 45px;
}
.BtnImgCut1:hover{
	background: url(/image/hcms/products_solution/products/arrow-mark_01.jpg);
}
.BtnImgCut2:hover{
	background: url(/image/hcms/products_solution/products/arrow-mark_01.jpg) 43px 0px;
}
.BtnImgCut2 {
	background: url(/image/hcms/products_solution/products/add0920_3.jpg);
	width: 43px;
	height: 47px;
	cursor: pointer;
	position: absolute;
	display: block;
	top: 45px;
	right: 25px;
}
.CutBoxDiv ul li { opacity:0.6; filter:alpha(opacity:60)}
.CutBoxDiv ul li p {
	position: absolute;
	width: 160px;
	position: absolute;
	z-index: 1;
	bottom: 10px;
	text-align: center;
	font-size: 12px;
}
.ProTextStyle3 {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	line-height: 28px;
	 font-family: 'Microsoft Yahei',Simhei;
}
.Img360 {
	background: url(/image/hcms/products_solution/products/add0920_6.png);
	width: 354px;
	height: 53px;
	display: block;
	margin: 10px auto;
}
.BtnImg360Cut-1 {
	background:url(/image/hcms/products_solution/products/add0920_6x.png);
	width: 100px;
	float: left;
	display: block;
	height: 53px;
	cursor: pointer;
}
.BtnImg360Cut-1.hover {
	background:url(/image/hcms/products_solution/products/add0920_6x_hover.png);
}
.BtnImg360Cut-2.hover {
	background:url(/image/hcms/products_solution/products/add0920_6x_hover.png) -254px 0;
}
.joint { background:url(/image/hcms/products_solution/products/joint.png); width:45px; height:45px; position:absolute; z-index:10; cursor:pointer; display:none;}
.jointHover {background:url(/image/hcms/products_solution/products/joint_over.png) no-repeat center;}
.BtnImg360Cut-2 {
	background:url(/image/hcms/products_solution/products/add0920_6x.png) -254px 0;
	width: 100px;
	float: right;
	display: block;
	height: 53px;
	cursor: pointer;
}
#img_360 {
	margin: 10px auto;
}
.ThumbImgAll {
	width: 345px;
	position: absolute;
	left: 60px;
	top: 180px;
}
.ThumbImgAll2 {
	width:230px;
	float:left;
	margin: 0 5px 0 10px;
}

.ThumbOneImg:hover {border: solid 2px #ff6600;}
.ThumbOneImg  p { display:none;}
.ThumbOneImg {
	float: left;
	width: 100px;
	height: 55px;
	border: 2px solid #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.ThumbOneImg.hover {
	border: solid 2px #ff6600;
}
.BigImgAll2 {
	width: 470px;
	float:right;
}
.BigImgAll {
	width: 490px;
	position: absolute;
	top: 180px;
	left: 410px;
}

.BigImgAll2 p {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin-top: 10px;
	color: #8f8f8f;
}
.BigImgAll2 p sup {
	font-size: 83%;
	color: #8f8f8f;
}
.BigImgAll p {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	margin-top: 30px;
	color: #8f8f8f;
}
.search_map {
	border-left: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
	position: relative;
	width: 844px;
	background: url(/image/hcms/products_solution/products/add0920_12.jpg);
	height: 460px;
	padding: 60px;
	margin: 0 0 30px;
}
.p_style1 {
	float: left;
	color: #515151;
	font-size: 14px;
	text-align: left;
	line-height: 22px;
}
.SearchBox {
	width: 233px;
	height: 36px;
	background: url(/image/hcms/products_solution/products/add0920_9.jpg);
	margin-bottom: 50px;
}
.BtnToSearch {
	
	width: 110px;
	height: 36px;
	float: right;
	cursor: pointer;
}
.BtnToSearch:hover{background:url(/image/hcms/products_solution/products/searchh.jpg) -1px 0;}
.SearchText {
	width: 120px;
	float: left;
	height: 36px;
	text-align: center;
	line-height: 36px;
	cursor: pointer;
}
.xglj_box {
	width: 750px;
	height: 156px;
}
.xglj_box div {
	width: 230px;
	height: 154px;
	border: solid 1px #ccc;
	float: left;
	margin-right: 15px;
	position: relative;
}

.Product2Top {
	width: 720px;
	position: relative;
}
.Product2Title {
	width: 565px;
	border-bottom:solid 1px #ccc;
	height: 46px;
	float: left;
}
.Product2Title li {
	background: url(/image/hcms/products_solution/products/add0920_14.jpg) no-repeat -186px 0px;
}
.Product2Title li.hover {
	background: #fff url(/image/hcms/products_solution/products/add0920_14.jpg) no-repeat;
	border-right: 1px solid #ccc;
}
.Product2Title li {
	width: 164px;
	height: 47px;
	float: left;
	text-align: center;
	line-height: 55px;
	text-indent: 20px;
}
.Product2Bg h3 { font-size:30px; margin:40px 20px 20px 20px; border:none;}
.Product2Bg {
	display: none;
	width: 718px;
	border: solid 1px #ccc;
	border-top: none;
	float: left;
	position: relative;
	overflow: hidden;
}
.Product2Bg img {
	display: block;
}
.Product2Img {
	position: absolute;
	z-index: 0;
	left: 0;
	width: 718px;
}
.Product2Text1 {
	font-size: 30px;
	font-weight: bold;
	position: absolute;
	bottom: 50px;
	left: 20px;
	line-height: 40px;
	z-index: 1;
}
.Product2Text2 {
	font-size: 14px;
	position: absolute;
	left: 260px;
	text-align: left;
	line-height: 20px;
	bottom: 50px;
}
.Pro2SectionBox {
	width: 720px;
}
.Product2Menu {
	display: block;
	width: 720px;
	height: 45px;
	background: #777;
}
.Product2Menu ul li {
	cursor:pointer;
	float: left;
	width: 180px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	background: url(/image/hcms/products_solution/products/add0920_1.png) -288px 0 no-repeat;
}
.Product2Menu ul li a {
	color: #fff;
	line-height: 30px;
}
.Product2Menu ul .hover {
	border: 0;
	height: 50px;
	width: 179px;
	border-right: 1px solid #CCC;
	line-height: 46px;
	margin-top: -4px;
	background: #FFF url(/image/hcms/products_solution/products/add0920_1.png) 0 0 no-repeat;
}
.Product2Menu ul .hover a {
	color: #000;
}
.Product2ImgCut {
	height: 155px;
	border: solid 1px #d1d1d1;
	border-top: none;
}
.Product2ImgCutBox {
	width: 700px;
	height: 140px;
	margin-top: 7px;
	position: relative;
	background: #474747;
	float: left;
	margin-left: 9px;
}
.Cut2BoxDiv {
	width: 552px;
	height: 120px;
	position: absolute;
	top: 10px;
	left: 74px;
	overflow: hidden;
}
.Cut2BoxDiv ul {
	position: absolute;
	left: 0;
	top: 0;
}
.Cut2BoxDiv ul li {
	width: 160px;
	margin: 0 12px;
	float: left;
	background: #fff;
	height: 120px;
	text-align: center;
}
.Cut2BoxDiv ul li img {
	margin: 6px 0 4px;
}
.Btn2ImgCut1 {
	background: url(/image/hcms/products_solution/products/add0920_2.jpg);
	width: 43px;
	height: 47px;
	cursor: pointer;
	position: absolute;
	display: block;
	left: 25px;
	top: 45px;
}
.Btn2ImgCut2 {
	background: url(/image/hcms/products_solution/products/add0920_3.jpg);
	width: 43px;
	height: 47px;
	cursor: pointer;
	position: absolute;
	display: block;
	top: 45px;
	right: 25px;
}
.Pro2Table2 {
	width: 720px;
}
.Search2Map {
	position: relative;
	width: 720px;
	background: url(/image/hcms/products_solution/products/add0920_15.jpg);
	height: 405px;
}
/*				index3			*/
.AboutItveryi {
	width: 966px;
	height: 76px;
	background: #f3f3f3;
	text-align: center;
	font-size: 18px;
	margin: 30px 0;
	padding-top: 30px;
	color: #000;
}
.AboutItveryi p {
	width: 785px;
	line-height: 26px;
	margin:0 auto;
}
.all_h2 {
	height: 27px;
	border-left: 8px solid #ff6600;
	text-indent: 25px;
	text-align: left;
	line-height: 40px;
	color: #515151;
	font-size: 18px;
}
.LessThan100 {
	width: 966px;
	height: 33px;
	background: #636363;
	text-align: center;
	line-height: 33px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #fff;
	margin: 30px 0 0;
}
.AnyProduct {
	width: 966px;
	height: 200px;
}
.ProductBox3 {
	width: 309px;
	height: 198px;
	border: 1px solid #e8e8e8;
	float: left;
	display: inline;
	overflow: hidden;
	margin-left: 16px;
}
.ProductBox3 a{
 	color:#000 !important;
	text-decoration:none;
}
.ProductBox3Img {
	width: 266px;
	height: 140px;
	overflow: hidden;
	margin: 15px auto 0;
}
.ProductBox3Name，
.ProductBox4Name {
	width: 100%;
	height: 42px;
	line-height: 42px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.ProductBox4 {
	width: 228px;
	height: 198px;
	border: 1px solid #e8e8e8;
	float: left;
	display: inline;
	overflow: hidden;
	margin-left: 16px;
}
.ProductBox4 a{
 	color:#000 !important;
	text-decoration:none;
	text-align: center;
	width: 100%;
}
.ProductBox4Img {
	width: 200px;
	height: 140px;
	overflow: hidden;
	margin: 15px auto 0;
}
.ProductBox4Name {
	text-align: center;
}

.AnyType1 {
	width: 966px;
	height: 33px;
	margin: 35px 0 0;
}
.more_than100 {
	width: 311px;
	height: 33px;
	line-height: 33px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: center;
	float: left;
	background: #000;
}
.OtherType1 {
	width: 639px;
	height: 33px;
	line-height: 33px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #fff;
	text-align: center;
	float: right;
	background: #948a54;
}
.ProductBox4 {
}
.ProductBox3Img1 {
	width: 266px;
	height: 122px;
	overflow: hidden;
	margin: 15px auto 0;
	margin-bottom: 10px;
}
.ProductProd {
	width: 100%;
	height: 298px;
	background: url(/image/hcms/products_solution/Pic-B-001.jpg) no-repeat top right;
	margin: 0 0 20px;
}
.ProductProd .LinkListStyle2, .ProductProd1 .LinkListStyle2 {
	margin-left: 30px;
}
.ProductProdDesc {
	width: 355px;
	line-height: 22px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 13px;
	color: #3d3d3d;
	margin: 0 0 10px 30px;
}
.width_arrow {
	background: url(/image/hcms/products_solution/products/arrow.jpg) no-repeat top left;
	padding-left: 30px;
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 0 27px;
	text-align: left;
}
.width_arrow a {
	color: #08427c;
	text-decoration: none;
}
.ProductProd1 {
	width: 966px;
	height: 298px;
	background: url(/image/hcms/products_solution/Pic-B-002.jpg) no-repeat bottom right;
	margin: 50px 0 0;
}
.back_top {
	width: 966px;
	margin: 25px auto 0;
}
.width_arrow_top {
	background: url(/image/hcms/products_solution/products/arrow2.jpg) no-repeat top left;
	padding-left: 30px;
	font-size: 14px;
	line-height: 18px;
	margin: 10px 0 0 27px;
	float: right;
}
.width_arrow_top a {
	color: #08427c;
	text-decoration: none;
}
.ProductMiniInfo {
	width: 966px;
	height: 165px;
	margin: 20px 0 0;
}
.ProductMiniInfoP1 {
	width: 488px;
	margin: 40px 0 0 50px;
	line-height: 25px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 13px;
	color: #3d3d3d;
	float: left;
	display: inline;
}
.ProductMiniInfoImg {
	float: right;
}
.MiniListName {
	width: 966px;
	height: 33px;
	background: #636363;
	text-indent: 25px;
	line-height: 33px;
	margin: 25px 0 0;
	font-family: Arial,Verdana,sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
}
.xglj_href {
	background: url("/css/a/blockstyle_bg.png") no-repeat scroll right top rgba(0, 0, 0, 0);
	width: 230px;
	height: 40px;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	line-height: 40px;
	color: #fff;
	text-align: left;
	text-indent: 20px;
	font-size:14px;
	top:175px;
}
.MiniProList1 {
	width: 982px;
}
.MiniProList1 .MiniProList1One {
	width: 230px;
	height: 260px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 15px 10px 0;
}
.MiniProList1Box {
	width: 228px;
	height: 210px;
	border: 1px solid #e8e8e8;
}
.MiniProList1BoxName {	
	line-height: 45px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 22px;
	color: #000;
	text-align: center;
	font-weight: 600;
}
.MiniProList1BoxImg1 {
	width: 188px;
	height: 122px;
	background: red;
}
.MiniProList1Box_img {
	text-align:center;
}
.ProdInner {
	position: absolute;
	margin: -290px 0 0 63px;
}
.bb a span
{
	color: #ffffff;
	font-weight: 900;
	background: #282828;
padding: 0 1px;
}
.page_nav
{
text-align:right;padding-bottom:18px;padding-top:15px;
}
.page_nav a {
background: url(/images/bgpage-01.gif) repeat-x 0px -87px;border-right: #d3d3d4 1px solid; padding-right: 5px; border-top: #d3d3d4 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #d3d3d4 1px solid; color: #666; padding-top: 2px; border-bottom: #d3d3d4 1px solid; text-decoration: none
}
.page_nav a:hover {
background: url(/images/bgpage-01.gif) repeat-x 0px -87px;border-right: #2CA4D9 1px solid; border-top: #2CA4D9 1px solid; border-left: #2CA4D9 1px solid; color: #2CA4D9; border-bottom: #2CA4D9 1px solid
}
.page_nav a:active {
background: url(/images/bgpage-01.gif) repeat-x 0px -87px;border-right: #d3d3d4 1px solid; border-top: #d3d3d4 1px solid; border-left: #d3d3d4 1px solid; color: #000; border-bottom: #d3d3d4 1px solid
}
.page_nav span.current { 
background: url(/images/bgpage-01.gif) repeat-x 0px -87px;border-right: #d3d3d4 1px solid;padding-right: 5px;border-top: #d3d3d4 1px solid;padding-left: 5px; padding-bottom: 2px; margin: 2px;border-left: #d3d3d4 1px solid;color: #666 !important;padding-top: 2px; border-bottom: #d3d3d4 1px solid;
}

.page_nav span.nolink { font-size:12px;
background: url(/images/bgpage-01.gif) repeat-x 0px -87px;border-right: #d3d3d4 1px solid;padding-right: 5px;font-weight:bold;border-top: #d3d3d4 1px solid;padding-left: 5px;padding-bottom: 2px; margin: 2px;border-left: #d3d3d4 1px solid; color: #666 !important;padding-top: 2px;border-bottom: #d3d3d4 1px solid
}