/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
	display:none;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #000;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
	
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}














#dowebok { width: 960px; margin: 0 auto; padding-top: 10px; font-family: "Microsoft Yahei";}
#dowebok .owl-wrapper-outer { margin: 0 auto;}
#dowebok .item { position: relative; width: 230px; height: 146px; margin: 0 auto; background-color: #fff; overflow: hidden;}
#dowebok .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15);}
#dowebok .shd a { display: block; width: 250px; height: 239px; *background-image: url(about:blank); background-image: url(about:blank)\0;}
#dowebok .txt { position: absolute; left: 0; bottom: 0; width: 226px; height: 100px; padding: 0 12px; color: #888; box-shadow: 0 0 15px 15px rgba(228, 233, 238, 0.95); background-color: #e4e9ee\9; background-color: rgba(228, 233, 238, 0.95);}
#dowebok h3 { width: 226px; height: 25px; margin-bottom: 6px; padding-top: 6px; font: 700 18px/25px arial,"Microsoft Yahei"; overflow: hidden;}
#dowebok h3 a { color: #333; text-decoration: none;}
#dowebok h3 a:hover { color: #338de6;}
#dowebok p { width: 226px; height: 54px; line-height: 18px; font-size: 12px;}

#dowebok .item:hover .shd { background-color: rgba(0, 0, 0, 0);}
#dowebok .item:hover .txt { background-color: #fff\9; background-color: rgba(248, 249, 249, 0.95); box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95);}

.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 180px; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "ËÎÌå"; background-color: transparent; overflow: hidden; _display: none;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -40px; top:90px; display:none;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: -40px; top:90px; display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">";}