/* CSS Document */
/*****************************/
/*** Core html setup stuff ***/
/*****************************/
li,div,img,h3,a{behavior: url("iepngfix.htc") }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0;font:normal 11px/150% verdana; font-family:"verdana", Lucida, Arial, Helvetica, ,sans-serif; vertical-align:middle;}
body{ background:url(../images/bg.jpg) #DFDFDF repeat-x 0 0; padding:0;margin:0;width: 100%; color:#2C2C2C;}
table{border-collapse :collapse;border-spacing:0;}
img{border:0;}
a:focus{ outline:none;}
a{blr:expression(this.onFocus=this.blur());}
a{color:#666666; text-decoration:none;}
a:hover{ text-decoration:underline; color:#666666;}
ol,ul{list-style:none;}
caption,th{text-align:left; }
h1,h2,h3,h4,h5,h6{font:bold 100%/160% Verdana;}

/********************Content*****************************/
.imgLeft{position:relative; float:left; margin-right:15px; text-align:center; font-size:15px; font-weight:bold; display:block;}
.old_price{ color:#818181;}
.now_price{ color:#FF0000;}
h3.contentheading{ font-family: Arial; font-size:22px; color:#F40A0A;}
h3.pageheading{  font-size:26px; color:#F40A0A; font-weight:normal;}
.readMore a{ color:#E5100A; text-decoration:underline;}
.fengexian{ background:url(../images/dian.gif) bottom repeat-x; height:10px; margin-bottom:10px; clear:both;}

.hudiejiewrap{ position:relative; top: 69px; z-index:100; }
.sidai{ background:url(../images/sidai.png) 0 0 no-repeat; width:218px; height:13px;float:left;}
.hudiejie{ background:url(../images/hudiejie.png) 0 0 no-repeat; width:48px; height:42px;float:left;}
.go_top{ float:right; margin-top:10px;}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#wrap{ background:url(../images/banner_bg.jpg) center 0 no-repeat; width:100%; position:relative; }
#header{ background:url(../images/banner_bg.jpg) center 0 no-repeat; width:1000px; height: 115px; margin:0 auto; position:relative;}
.logo{ margin-top: 13px; width:454px; float:left;}
#top-menu{ float:right; margin-right:20px;}
.top-menu-l{ background:url(../images/top_menu_bg.png) no-repeat 0 0; width:5px; height:22px; float:left; }
.top-menu-c{ background:#000; height:22px; float:left; padding:0 0 0 8px;}
.top-menu-r{ background:url(../images/top_menu_bg.png) no-repeat 0 -23px; width:5px; height:22px; float:left; }
.top-menu-c a{ color:#D9D9D9; margin-right:8px; line-height:22px; }

#menubar {
	position: absolute;
	top: 53px;_top: 54px;
	left: 450px;
	right: 3px;
	background: url(../images/menubar.png) 0 0 no-repeat; _background-position: 0 -114px;
}

#menubar div.menubar-2 {
	padding: 0px 5px 0px 5px;
	background: url(../images/menubar.png) 100% -76px no-repeat;
}
#menubar div.menubar-3 {
	height: 37px;
	background: url(../images/menubar.png) 0 -38px repeat-x;
}
#menu {
	position: absolute;
	top: 53px;_top: 54px;
	left: 450px;
	z-index: 11;
}
#menu a,
#menu span { display: block; font-size:12px; font-weight:bold; color:#EBEBEB; text-decoration:none; }
#menu a,#menu a.level1{
	padding-left: 5px;
	float: left;
}
#menu li a span,#menu li.active .level1 span{padding: 0 13px 0 9px;}


#menu ul.menu li{ height:37px; line-height:37px; float:left; background:url(../images/menu_fenge.png) left 1px no-repeat;}
#menu ul.menu li.no-backgroud{ background:none;}
#menu li.active .level1,#menu li a:hover { background: url(../images/menu_active.png) 0 0 no-repeat; }
#menu li.active .level1 span,#menu li a:hover span { background: url(../images/menu_active.png) 100% -38px no-repeat; color:#000000;}

#content_body{ background:url(../images/centent_top_bg.jpg) center 0 no-repeat; width:1000px;margin: 0 auto; padding: 140px 0 0 0;}
.breadcrumb{
	background:url(../images/breadcrumb_bg.png) 0 bottom no-repeat;
	width:90%;
	height: 21px;
	position:relative;
	top:-140px; left:20px;
}
.content{ background:url(../images/centent_bg.jpg) repeat-y; width:1000px; position:relative;}

.co-left{position:relative; top:-110px; width:675px;  padding-left:20px; float:left;} 
.co-right{position:relative; top:-153px; width:280px; float:left; margin-left:20px;}
.content_bl{ background:url(../images/content_b_bgl.png) 0 0 no-repeat; width:10px; height:10px; float:left; overflow:hidden;}
.content_bc{ background:url(../images/content_b_bgc.png) 0 0 repeat-x; width:980px; height:10px; float:left; overflow:hidden;}
.content_br{ background:url(../images/content_b_bgr.png) 0 0 no-repeat; width:10px; height:10px; float:left; overflow:hidden;}

#footer{ background:url(../images/footer_bg.png) 0 0 repeat-x; height:119px; margin-top:40px;}
.footer_top{ background:url(../images/footer_top_bg.png) center 0 no-repeat; height:32px; }
.footer-menu{ width:1000px; margin: 0 auto; text-align: center; line-height:45px;}
.footer-menu a{ padding:0 10px; color:#FFFFFF; font-family:Arial; font-size:11px; height:11px; border-right: #8e8e8e 1px solid; }
.footer-menu a.no-border-right{ border: none;}
.copyright{ text-align:center; color:#6A6A6A; height:40px; line-height:40px;}
/**********************Banner*******************************/

#banner{ background:url(../images/banner_bg.jpg) center -115px no-repeat; width:1000px; height:382px; _background-position: center -117px; margin:0 auto; position:relative; }
#infiniteCarousel{ 
  width:913px; 
  float:left;
  position: relative;
  height:382px;
  margin:0 0 0 0px;
}
#infiniteCarousel .wrapper {
  width: 913px; 	/* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height:382px;
  margin: 0 0px;
  position: absolute;
  top: 0;
}
#infiniteCarousel ul li {
  display:block;
  float:left;
  height: 382px;
  width: 913px;
}
.banner-content-info{ width:500px; float:left; padding-left:10px;}
.banner-content-info .info{ height:250px;}
.banner-content-info .info h3{ font-size:33px; color:#FD1901; font-family: Arial; font-weight:normal;}
.banner-content-info .info p{ color:#D7D7D7; font-size:14px;} 
.buyMore img{ float:left; margin-top:15px;}
.buyMore .banner_price{ background:url(../images/banner_price_bg.png); display:block; width:176px; height:89px; float:left;}

.movie{ background:url(../images/movie.png) 0 0 no-repeat; _background:url(../images/movie.jpg) 0 0 no-repeat; width:363px; height:350px; padding: 30px 0 0 20px; float:left; margin-left:20px;}
.product{ background:url(../images/product_banner.png) 0 0 no-repeat; width:458px; height:361px; float: left; margin-left:5px;}

.control{ background:url(../images/shangxiabg.png) 0 0 no-repeat; width:37px; height:72px; float:left; margin:110px 0 0 25px; padding: 6px 0 0 6px;}
a.shang{ background:url(../images/shangxia_btn.png) 0 0 no-repeat; width:25px; height:25px; display:block; cursor:pointer;}
a.xia{ background:url(../images/shangxia_btn.png) 0 -27px no-repeat; width:25px; height:25px; display:block; margin-top:10px; cursor:pointer;}
a.shang:hover{ background-position: -27px 0; _background-position: -26px 0;}
a.xia:hover{ background-position: -27px -27px; _background-position: -26px -27px;}


.player{ background:url(../images/player_bg.png) 0 0 no-repeat; width:820px; height:377px; padding: 18px 0 0 16px; position: absolute; left:100px;}
.play_preview{ width:454px; float:left; color:#FFF; height:357px;}
.preview_movie{ width:440px; height:329px;padding-top:5px;*padding-top:10px; overflow:hidden; }
#preview_movie{ width:440px; height:327px; overflow:hidden; }

.latest_player{ width:345px; float:left; color:#FFF; height:337px; position:relative; }
.latest_player .view_more{ position:absolute; bottom:0px; right:15px;}
.latest_player .view_more a{ color:#F14816; text-decoration:underline; font-size:13px;}

#thumbnail{ margin: 6px 2px 0 0;margin: 7px 2px 0 0; height:277px; overflow:hidden;}
.player_thumbnail{ padding: 8px 6px 0 5px;}
.player_thumbnail ul li{ padding:4px 4px 4px 4px; _padding:4px 4px 1px 4px; background:#0F0F0F; margin-bottom:5px; _height:50px;}
.player_thumbnail ul li img{ float:left;border: #0F0F0F 2px solid; height:46px; line-height:46px; width:248px;}
.player_thumbnail ul li a:hover img,.player_thumbnail ul li a.active img{ border: #58C7F0 2px solid; }
.player_thumbnail ul li a.get_this{ background:url(../images/get_ico.jpg) #0F0F0F 13px 0 no-repeat; padding: 20px 0 0 0; margin: 5px 0 0 6px; color:#E83011; text-decoration:underline; float:left;}

.binglie_thumbnail{ padding: 8px 6px 0 5px;}
.binglie_thumbnail ul li{ width:94px; float:left; margin: 0 10px 6px 0;}
.binglie_thumbnail ul li img{ border: #3E3E3E 2px solid;}
.binglie_thumbnail ul li a:hover img,.binglie_thumbnail ul li a.active img{ border: #58C7F0 2px solid;}
.binglie_thumbnail ul li .get_this{ background:url(../images/get.png) 11px 2px no-repeat; _background:url(../images/get.jpg) 11px 2px no-repeat; display:block; padding: 0 0 0 30px;}
.binglie_thumbnail ul li .get_this a{ color:#E83011; text-decoration:underline;}

/*********************Modules*******************************/
.left_modules{  margin-top:15px;}
.left_module{ background:url(../images/left_module_bg.jpg) 0 0 no-repeat; width:307px; padding: 10px 10px 0 10px; float:left;}
.left_module h3{ font-size:16px; color:#303030; padding-left: 35px; font-family:Arial;}
.left_module span.readMore{ float:right; display:block; margin-top:5px;}
.product_news h3{ background:url(../images/news_ico.png) 0 3px no-repeat;}
.product_news ul li{ background:url(../images/sifang.gif) 0 10px no-repeat; padding:2px 0 2px 10px; border-bottom: #B0B0B0 1px dotted; line-height:22px;}

.user_comments { margin-left:20px;}
.user_comments h3{ background:url(../images/user_ico.png) 0 3px no-repeat;}
.user_comments ul li{ border-bottom: #B0B0B0 1px dotted; padding:10px 0 5px 0;}
.user_comments ul li img{ float:left; margin-right:10px;}
.user_comments ul li em{ color:#666666;}

.module_fenge{ height:20px;}
.right_modules{}
.right_modules .title_c{ background:url(../images/right_module_t_bg_c.png) 0 0 repeat-x; width:247px; height:30px; border-left: #C8C8C8 1px solid; float:left; padding: 6px 0 0 10px;}
.right_modules .title_r{ background:url(../images/right_module_t_bg_r.png) 0 0 no-repeat; width:3px; height:36px; float:left;}
.right_modules h3{ font-size:16px; color:#303030; padding-left: 25px; font-family:Arial;}
.right_modules .module_content{ background:url(../images/module_content_bg.png) #FFF 0 0 no-repeat; border-left: #C8C8C8 1px solid;  width:252px; padding: 10px 0 10px 10px; float:left;}
.right_modules .bottom_l{ background:url(../images/right_module_b_bg_l.png) 0 0 no-repeat; width:10px; height:10px; float:left;}
.right_modules .bottom_c{ background:url(../images/right_module_b_bg_c.png) 0 0 repeat-x; width:243px; height:10px;float:left;}
.right_modules .bottom_r{ background:url(../images/right_module_b_bg_r.png) 0 0 no-repeat; width:10px; height:10px; float:left;}
.right_modules ul li{padding:2px 0 2px 0;}
.right_modules span.readMore{ float:right; display:block; margin:5px 15px 15px 0;_margin:5px 8px 15px 0;}


.flash_video_tools h3{ background:url(../images/red_arrow_ico.png) 0 3px no-repeat;}
.flash_video_tools ul li a{ background:url(../images/3_black_arrow_ico.png) 0 4px no-repeat; _background-position: 0 9px; line-height:20px;padding:0 0 0 10px;}
.flash_video_tools ul li a:hover{ background:url(../images/3_red_arrow_ico.png) 0 4px no-repeat; _background-position: 0 9px; color:#F20806;}

.knowledge_center h3{ background:url(../images/green_arrow_ico.png) 0 3px no-repeat;}
.knowledge_center ul li{ background:url(../images/black_arrow_ico.png) 0 9px no-repeat; line-height:20px;padding:2px 0 2px 10px;}
.knowledge_center ul li a{ color:#006DD2; text-decoration:underline;}

.hot_tags{ background:url(../images/hot_tags_bg.png) 0 0 no-repeat; width:230px; height:157px; padding: 0 10px 0 15px;}
.hot_tags h3{ text-align:center; padding: 20px 0 15px 0;}
.blue_font{ color:#00B4FF; font-weight:bold;}
.green_font{ color:#02BA0B; font-weight:bold;}
.orange_font{ color:#FF4E00; font-weight:bold;}

/*******************Players*****************************/
.free_player{ border: #DDDDDD 1px solid; background:#F8F8F8; width:655px; margin-top:8px; padding:10px;}
.free_player ul li{ width:315px; line-height:25px; float:left; padding: 0 10px 15px 0; margin:0 0 15px; 0; background:url(../images/dian.gif) 0 bottom repeat-x; }
.free_player ul li.no-border{ border: none;}
.free_player ul li img{ float:left; margin-right:15px;}
.free_player ul li .player_name{ font-size:18px; color:#282828;}
.free_player ul li .date{ color:#8D8D8D;}
.free_player ul li span .download{ background:url(../images/down_ico.png) 0 0 no-repeat; padding-left:20px; font-size:13px; color:#E83011; text-decoration:underline;}

.newcomers{ position:relative; top: 25px;}


/************************************************/

.free_body{ border: #DDDDDD 1px solid; background:#F8F8F8; width:665px; margin-top:8px; padding:30px 0 30px 10px;}
.free_body ul li{ width:90px; line-height:20px; float:left;  margin:0 45px 15px 30px; _margin:0 35px 15px 26px; background:url(../images/dian.gif) 0 bottom repeat-x; padding-bottom:3px;}
.free_body ul li.no-border{ border: none;}
.free_body ul li .effcet_name{ color:#282828; float:left;}
.free_body ul li span .download{ background:url(../images/down_ico.png) 0 0 no-repeat; display:block; width:16px; height:16px; float:right; margin-top:1px; }

#page{ float:right; height:26px; margin: 30px 45px 30px 0; _margin: 30px 35px 30px 0;}
#page .pagel{ background:url(../images/page_bgl.png) 0 0 no-repeat; width:24px; height:26px; float:left;}
#page .pagec{ background:url(../images/page_bgc.png) 0 0 repeat-x; height:26px; color:#FF1800; line-height:26px; padding-right:5px; float:left;}
#page .pager{ background:url(../images/page_bgr.png) 0 0 no-repeat; width:24px; height:26px; float:left;}
#page .pre{ background:url(../images/prenext.png) -20px 0 no-repeat; _background-position: -19px 0; width:19px; height:19px; display:block; margin: 3px 0 0 4px; _margin: 4px 0 0 4px;}
#page .pre:hover{ background-position: 0 0;}
#page .next{ background:url(../images/prenext.png) -20px -20px no-repeat;_background-position: -19px -19px;  width:19px; height:19px; display:block; margin: 3px 4px 0 0; _margin: 4px 4px 0 0;}
#page .next:hover{ background-position: 0 -20px;_background-position: 0 -19px;}

#page .pagec span{ margin-left: 5px;}





.clear{ clear:both;}