﻿@charset "utf-8";
.gridster {
	position:relative;
	margin:0 auto;
	width:1160px;
	overflow:hidden;
	text-align:center;
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
-ms-transition: opacity .6s;
transition: opacity .6s;
	display:none;
}
.gridster > * {
	margin: 0 auto;
-webkit-transition: height .4s, width .4s;
-moz-transition: height .4s, width .4s;
-o-transition: height .4s, width .4s;
-ms-transition: height .4s, width .4s;
transition: height .4s, width .4s;
}
.gridster .gs-w {
	z-index: 2;
	position: absolute;
}
 .ready .gs-w:not(.preview-holder) {
-webkit-transition: opacity .3s, left .3s, top .3s;
-moz-transition: opacity .3s, left .3s, top .3s;
-o-transition: opacity .3s, left .3s, top .3s;
transition: opacity .3s, left .3s, top .3s;
}
 .ready .gs-w:not(.preview-holder), .ready .resize-preview-holder {
-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}
.gridster .preview-holder {
	z-index: 1;
	position: absolute;
	background-color: #fff;
	border-color: #fff;
	opacity: 0.3;
}
.gridster .player-revert {
	z-index: 10!important;
-webkit-transition: left .3s, top .3s!important;
-moz-transition: left .3s, top .3s!important;
-o-transition: left .3s, top .3s!important;
transition:  left .3s, top .3s!important;
}
.gridster .dragging, .gridster .resizing {
	z-index: 10!important;
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	-o-transition: all 0s !important;
	transition: all 0s !important;
}
.gs-resize-handle {
	position: absolute;
	z-index: 10000;
}
.gs-resize-handle-both {
	width: 20px;
	height: 20px;
	bottom: -8px;
	right: -8px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
	background-position: top left;
	background-repeat: no-repeat;
	cursor: se-resize;
	z-index: 20;
}
.gs-resize-handle-x {
	top: 0;
	bottom: 13px;
	right: -5px;
	width: 10px;
	cursor: e-resize;
}
.gs-resize-handle-y {
	left: 0;
	right: 13px;
	bottom: -5px;
	height: 10px;
	cursor: s-resize;
}
.gs-w:hover .gs-resize-handle, .resizing .gs-resize-handle {
	opacity: 1;
}
.gs-resize-handle, .gs-w.dragging .gs-resize-handle {
	opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
	display: none!important;
}
[data-max-sizex="1"] .gs-resize-handle-x, [data-max-sizey="1"] .gs-resize-handle-y, [data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
	display: none !important;
}
/* Uncomment this if you set helper : "clone" in draggable options */
.gridster .player {
	opacity:0.8;
}
/* gridster*/
.gridster * {
	margin:0 auto;
	padding:0;
}
.gridster #Metros {
	position:relative;
	margin:0 20px;
	width:1120px;
	text-align:left;
	overflow:hidden;
}
.gridster .Metro {
	text-align: center;
	overflow:hidden;
	color:#fff;
}
.gridster .Metro .selected {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:rgba(255, 200, 50, 0.8) 2px solid;
	border:#ffc832 2px solid\9;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:9999;
}
.gridster .Metro .cover, .gridster .Metro .cover2 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:9;
	background:url(../../external.gif?link=http://dwitoys.com/templates/images/blank.gif)
}
.gridster .Metro .cover {
	display:none;
}
.gridster .Metro .selected span {
	float:right;
	width:18px;
	height:18px;
	overflow:hidden;
	background:rgba(255, 200, 50, 0.8);
	background:#ffc832\9;
	color:#fff;
}
.gridster .Metro a {
	color:#fff;
}
.gridster .gs-w {
	cursor:pointer;/* background:rgba(255,255,255,0.2); background:transparent\9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#14ffffff,endColorstr=#14ffffff)\9;zoom: 1;*/
}
.gridster .player {
	background:#BBB;
}
.gridster .preview-holder {
	border: none!important;/*background:red!important;*/
background:url(../../external.html?link=http://dwitoys.com/templates/images/tran.png) !important\9;
}
/**/
#log {
	display: block;
	width: 100%;
	height:80px;
	margin:0 auto 20px auto;
	-webkit-transition: height 0.3s ease;
	-moz-transition: height 0.3s ease;
	-ms-transition: height 0.3s ease;
	-o-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
#log:focus {
	height: 120px;
}
/*-----------Metro模块样式*/
iframe {
	position:relative;
	z-index:1;
}
.MetroTit {
	line-height:25px;
	padding:10px 5%;
	font-size:18px;
	font-weight:bold;
}
/*图标类*/
.Icon {
	position:relative;
	width:100%;
	height:100%;
}
.Icon span {
	position:relative;
	font-size:45px;
	display:inline-block;
	top:15%;
	color:#fff;
}
.Icon p {
	position:absolute;
	left:7%;
	bottom:40%;
	width:86%;
	color:#fff;
	text-align:center;
	font-weight:normal;
	line-height:150%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	font-size:16px;
}
/*翻转图片*/
.Flip {
	position:relative;
	width:100%;
	height:100%;
}
.Flip .side1 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.Flip .side1 img {
	width:100%;
	height:100%;
}
.Flip .side2 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
	padding:0 5%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	text-align:left;
	line-height:180%;
}
.Flip .side2 b {
	font-size:18px;
	display:inline-block;
	padding:20% 0 10% 0;
	line-height:120%;
}
/*幻灯片*/
.Slideshow {
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden;
}
.Slideshow li {
	position:absolute;
	left:0;
	top:0;
	z-index:90;
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
*display:expression(this.previousSibling==null?'block':'none');
}
.Slideshow li:first-child {
	display:block;
}
.Slideshow li img {
	width:100%;
	height:100%;
}
.Slideshow a.prev, .Slideshow a.next {
	position:absolute;
	top:0;
	z-index:100;
	height:100%;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	text-align:center;
	cursor:pointer;
	cursor:hand;
}
.Slideshow a.prev span, .Slideshow a.next span {
	position:relative;
	top:45%;
	display:inline-block;
	width:40px;
	height:40px;
	font-size:30px;
	line-height:40px;
	background:rgba(0, 0, 0, 0.5);
	background:#000\9;
	color:#fff;
}
.Slideshow a.prev:hover, .Slideshow a.next:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.Slideshow a.prev {
	left:0;
}
.Slideshow a.next {
	left:auto;
	right:0;
}
/*新闻*/
.NewsList {
	position:relative;
	width:100%;
	height:100%;
	text-align:left
}
.TopNews {
	margin:0 5% 10px 5%;
	padding:0 0;
	height:60px;
	overflow:hidden;
	line-height:0;
}
.NewsList a.Newsimg {
	width:80px;
	height:60px;
	display:inline-block;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
.NewsList a.Newsimg img {
	width:80px;
}
.NewsList a.NewsA {
	height:18px;
	line-height:18px;
	width:230px;
	min-width:60%;
	margin:2px 0 4px 0;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
.News_content {
	height:36px;
	overflow:hidden;
	line-height:18px;
	font-size:12px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}
.NewsList li {
	width:90%;
	margin:0 5% 0 5%;
	height:39px;
	clear:both;
	overflow:hidden;
	line-height:38px;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
	background:url(../../external.html?link=http://dwitoys.com/templates/images/dott.png) left top repeat-x;
}
.NewsList li:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.NewsData {
	display:inline-block;
	font-size:11px;
	color:#fff;
	float:right;
	margin-left:4px;
}
/*图片*/
.picture {
	position:relative;
	width:100%;
	height:100%;
}
.picture img {
	width:100%;
	height:100%;
}
.picture span {
	position:absolute;
	left:0;
	bottom:-100%;
	width:100%;
	line-height:120%;
	padding:0.8em;
	text-align:left;
	background:rgba(0, 0, 0, 0.8);
	background:transparent\9;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)\9;
	zoom: 1;
}
/*视频*/
/*.videos {
	position:relative;
	background:#f5f5f5;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}*/
.videos.hidden {
	top:-100%;
	left:-100%;
}
/*地图*/
#gmap {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	color:#333;
	font-size:12px;
}
/*搜索*/
.search {
	text-align:left;
	font-size:12px;
	height:100%;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
}
.search form {
	margin:0 5% 0 5%;
	line-height:200%;
}
.search form input[type="text"] {
	width:75%;
	border:none;
	height:24px;
	line-height:24px;
	color:#ccc;
	text-indent:8px;
	margin-bottom:2%;
}
.search form input[type="submit"] {
	width:20%;
	background:#ffc104;
	border:none;
	color:#fff;
	height:24px;
	line-height:24px;
	cursor:hand;
	cursor:pointer;
	margin-bottom:2%;
}
.search form a {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}
.search form a:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
/*颜色*/
.cyan {
	background:#00d3d3;
	color:#fff;
}
.turquoise {
	background:#1abc9c;
	color:#fff;
}
.sunflower {
	background:#f1c40f;
	color:#fff;
}
.orange {
	background:#ffba00;
	color:#fff;
}
.emerald {
	background:#2ecc71;
	color:#fff;
}
.green {
	background:#8abb25;
	color:#fff;
}
.carrot {
	background:#ff7d04;
	color:#fff;
}
.pumpkin {
	background:#d35400;
	color:#fff;
}
.blue {
	background:#09a3e2;
	color:#fff;
}
.navyblue {
	background:#2980b9;
	color:#fff;
}
.alizarin {
	background:#e74c3c;
	color:#fff;
}
.red {
	background:#cc181e;
	color:#fff;
}
.amethyst {
	background:#9b59b6;
	color:#fff;
}
.Purple {
	background:#398CB4;
	color:#fff;
}
.tran {
	background:url(../../external.html?link=http://dwitoys.com/templates/images/tran.png);
	color:#fff;
}
.silver {
	background:#bdc3c7;
	color:#fff;
}
.wetAsphalt {
	background:#34495e;
	color:#fff;
}
.midnightBlue {
	background:#2c3e50;
	color:#fff;
}
.concrete {
	background:#95a5a6;
	color:#fff;
}
.asbestos {
	background:#7f8c8d;
	color:#fff;
}
.videos {
	/*position:relative;
	background:#f5f5f5;*/
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#ccc;
	z-index:20;
}
